Order of javascript jquery declarations matters?

hi guys. trying to understand this whole jquery/javascript methodology but getting stumped.
i'm using
ddsmoothmenu for a horizontal menu
http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm
prettyPhoto lightbox for photo galleries
http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
cycle plugin to display a slideshow on every page
http://jquery.malsup.com/cycle/
the declaration section of the webpage for the scripts are in this order:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<link rel="stylesheet" type="text/css" href="ddsmoothmenu.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript" src="ddsmoothmenu.js">
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
</script>
<script type="text/javascript">
ddsmoothmenu.init({
    mainmenuid: "smoothmenu1", //menu DIV id
    orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
    classname: 'ddsmoothmenu', //class added to menu's outer DIV
    //customtheme: ["#1c5a80", "#18374a"],
    contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
</script>
/*lighbox gallery
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>

<link rel="stylesheet" href="../prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<script src="../prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css" media="screen">
* { margin: 0; padding: 0; }
body {
background: #282828;
font: 62.5%/1.2 Arial, Verdana, Sans-Serif;
padding: 0 20px;
h1 { font-family: Georgia; font-style: italic; margin-bottom: 10px; }
h2 {
    font-family: Georgia;
    font-style: italic;
    margin: 25px 0 5px 0;
p { font-size: 1.2em; }
ul li { display: inline; }
.wide {
    border-bottom: 1px #000 solid;
    width: 4000px;
.fleft { float: left; margin: 0 20px 0 0; }
.cboth { clear: both; }
#main {
        background: #fff;
        margin: 0 auto;
        padding: 30px;
        width: 1000px;
</style>
/*cycle slideshow

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow').cycle({
        fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
</script>
</head>
in the body, ddsmoothmenu is called, then slideshow then lighbox gallery.
the 1st two scripts work but then the lightbox gallery doesnt work properly (clicked on images dont spawn into a nice lightbox, instead the full image is just displayed on a blank webpage)
if i simply change the order of the script definitions in <head> section (without changing anything else in the body ) to
<head>
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
/*cycle slideshow
/*lighbox gallery
</head>
then smooth menu works, cycle slideshow does not, but lightbox gallery does start working!
what is conflicting with these last two scripts?
also lightbox gallery script seems to really slow up IE8 responsiveness when testing. is this script buggy? hence i should use some other script for galler functions?
thanks for any help, this is very frustrating.

You've got 3 different jQuery libraries. You only need one.
Replace all these
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
With this at the top.

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">
</script>

<script src="http://code.jquery.com/jquery-migrate-1.1.0.js"></script>
Nancy O.

Similar Messages

Dreamweaver template files updating, but javascript/jquery not being called on random pages.

Hello,
I have been tasked with updating the navigation on a site that is using a Dreamweaver template (DWT) as the base file. The navigation was originally built using jQuery navigation UI, however this did not address all of our needs and I have updated it with another version of an accordion.
The .dwt file only is only controlling the navigation and the head of the site.
I have integrated the new xhtml structure and added/removed javascript/jquery into the .dwt file. I saved the file, therefore updating all of the relevant .html files, and verified that the accordion works.
However - the accordion does not work for all of the xhtml files. Some files, seemingly at random, are not pulling in the javascript.
When opening the relevant .html files, I can verify that they have all been updated with the new xhtml and the correct javasctipt. However, when viewing the .html files that are not displaying correctly with FireBug, I can see that none of the jquery/javascript is being applied to the navigation (classes are missing that are injected into the xhtml, but the structure and css is correct).
I've done some research and the only issues I've been able to find are related to .xhtml files not being updated with the correct code, but in my case all of the affected files have the correct xhtml and scripts in the head.
Does anyone have any light to shed on this subject? I am quite puzzled.

While I understand that looking at code is the ultimate way to find a solution, the intent of my question was not "how do i fix this" or "what is wrong with my code" but rather "does anyone have any idea as to why this would be happening". Or even, "where would you start to troubleshoot this".
I made my question general as such because I intended on trying to troubleshoot on my own in order to better understand the issue.
Thank you for stating the obvious, not all first time forum posters are completely unaware of how to ask questions properly.

Javascript/jQuery and JSF

I'm trying to implement a custom JSF component using JSF 2.0 and Javascript/jQuery. The component I'm trying to make is a sortable list whose order can be bound to a collection in the backing bean and whose event (order changed) can be caught with a listener. My question is how would I link the Javascript event so that JSF can catch it (since a list item is not an input component, or button or link)? I know I could listen to the Javascript event and then fire a click event on a hidden commandButton but I'm wondering if there's a more elegant solution (since I'd also prefer a custom event rather than just ActionEvent). Any help would be very much appreciated. Thank you.

OK, now I'm really green at this so I don't imagine that I can be much help. I'm new to JSF and trying to learn it myself, but I too have an interest in creating components using jQuery. I really don't have a handle on this stuff...yet, but if I had to guess: I'd say your best bet would be to use the new built-in ajax features of JSF 2.0. <f:ajax render="..." event="valueChange"/> Java Server Faces has implemented it's own valueChange event. I don't know how to use this stuff yet though so I can't be of any help other than making this suggestion. Creating your own custom event may be a bit more difficult. I'm guessing you might need to dig into the guts of the expression language and mess with ELResolver and what not. I don't know yet, I'm still studying it.
Mark

"Table of Contents" web part - How to have expand/collapse buttons? (I can use only CSS/JavaScript/JQuery)

Hi there,
I have a Table of Contents web part which is great. Is there a way so it shows only top level sites and then one can expand or collapse any top level site to see/hide the subsites?
As of now it shows
HR Parent site
- HR sub site 1
- HR sub site 2
IT Parent site
- IT sub site 1
- IT sub site 2
What I want is
+ HR Parent site
+ IT Parent site
So one can expand or collapse on demand.
Any relevant JS/CSS/JQuery code?
Thank you so much.

Hi,
According to your post, my understanding is that you want to expand or collapse the level site for the table of contents web part.
I have made a simple code demo below to achieve this scenario, you can refer to it.
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
var iconCollapse = "/_layouts/images/collapse.gif";
var iconExpand = "/_layouts/images/expand.gif";
$("div[id='WebPartWPQ2'] li ul").hide();
//ugly way
var $t = $("#WebPartWPQ2 div").children("ul").children("li").children("div");
$t.each(function(){
//console.log($(this).html());
$(this).attr("style", "float: right; margin-right: 297px; line-height: 8px;");
$(this).css("display","inline");
$("<a src=" + iconExpand + "></img>").insertBefore($(this));
$("a[class='min']").click(function()
var img = $(this).children();
//Traverse the DOM to find the child UL node
var subList = $(this).siblings().children('ul');
//Check the visibility of the item and set the image
var Visibility = subList.is(":visible")?img.attr('src',iconExpand):img.attr('src',iconCollapse);
//Toggle the UL
subList.slideToggle();
</script>
Note: Yous should change the Web part ID and the css style to fit your environment.
Thanks & Regards,
Jason
Jason Guo
TechNet Community Support

Javascript / jQuery Bug in IE

Good morning guys! Hope you're fine! I just narrowed down a problem in a web-application that is programmed in Oracle Apex and contains some jQuery/Javascript! I have a DIV that is usually invisible and displayed when the jQuery function is called. In Mozilla Firefox the code works without a problem. However, most of the users rely on IE 8, which fusses about the code and displays the DIV message constantly! The $sign in row 4 seems to be the faulty part, but is inevitable for the correct functioning of the function. Maybe you can have a look at the code and tell me how to solve that issue. Getting rid of the function is no option. there must be some way to make it compatible to the IE environment!
I appreciate your answers and am curious what suggestions you come up with!
Regards,
Sebastian
1:<script type="text/javascript">
2:        $(function()
3:{
4:        $("#dialog").dialog({ "*The $ sign in this row is allegedly the problem according to the IE debug*"
5:                        autoOpen: false,
6:                        bgiframe: true,
7:                        modal: true,
8:                       buttons:
9:{Delete: function()
10:{$(this).dialog(doSubmit('MULTI_ROW_DELETE'));$(this).dialog('close');
11: },
12:Schliessen: function() {$(this).dialog('close'); }}
13:                });
14:        });
15:       </script>
16:
17:<div id="dialog" title="Sind Sie sicher???">
18:<p>
19:<span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 30px 0;"></span>Wollen Sie den Datensatz wirklich löschen?</p>
20:</div>

Hi,
Try this
<script type="text/javascript">
$(function(){
   $('#dialog').dialog({
     autoOpen: false,
     bgiframe: true,
     modal: true,
     buttons: {
       Delete: function() {
         $(this).dialog('close');
         doSubmit('MULTI_ROW_DELETE');
       Schliessen: function() {
         $(this).dialog('close');
</script>
<div id="dialog" title="Sind Sie sicher???">
<p><span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 30px 0;"></span>
Wollen Sie den Datensatz wirklich löschen?</p>
</div>BTW, have you load bgifarme plugin ?
http://plugins.jquery.com/project/bgiframe
>
bgiframe Type:Boolean Default: false
When true, the bgiframe plugin will be used, to fix the issue in IE6 where select boxes show on top of other elements, regardless of zIndex. Requires including the bgiframe plugin. Future versions may not require a separate plugin.
>
br, Jari
Edit:
If your code is in region content, place HTML (div) above javascript
Br, JAri
Edited by: jarola on Oct 2, 2009 1:05 PM

How to read list item and display Title and on click hyperlink as value by javascript /jquery

on newform.aspx just above the top of cancel button I want to put 1 hyperlink "Help"
but I want to do this by script/jquery by reading my configuration list where 1 column is TITLE and other is- URL
in TITLE column will write "Help" and in URL column I will write
http://portal1234/sites/sudha/MyHelppage.aspx
so script should read Title and display Help--->1st part
Script should read Value column and on click of help-(display link) the respective url should be open in new window.-->second part
Please let me know reference code for adding anchor tag dynamically by reading from list
I can see hyperlink near cancel button-
$(document).ready(function(){
var HelpLinkhtml ='<a href="#" text="Help">Help</a>';
var position =$("input[value='Cancel']").parent("td").addClass('ms-separator').append(HelpLinkhtml);
now for reading from list I am trying below script-
$(document).ready(function() {
    GetHelpLinkFromConfigList();
function GetHelpLinkFromConfigList()
//The Web Service method we are calling, to read list items we use 'GetListItems'
var method = "GetListItems";
//The display name of the list we are reading data from
var list = "configurationList";
//We need to identify the fields we want to return. In this instance, we want the Title,Value fields
//from the Configuration List. You can see here that we are using the internal field names.
var fieldsToRead = "<ViewFields>"+"<FieldRef Name='Title' />"+"<FieldRef Name='Value' />"+"</ViewFields>";
//comment
var query = "<Query>" +
                        "<Where>" +
                            "<Neq>" +
                                "<FieldRef Name='Title'/><Value Type='Text'>Help</Value>"
+
                            "</Neq>" +
                        "</Where>" +
                        "<OrderBy>" +
                            "<FieldRef Name='Title'/>" +
                        "</OrderBy>" +
                    "</Query>";
$().SPServices(
operation: method,
    async: false,
    listName: list,
    CAMLViewFields: fieldsToRead,
    CAMLQuery: query,
    completefunc: function (xData, Status) {
    $(xData.responseXML).SPFilterNode("z:row").each(function() {
    var displayname = ($(this).attr("ows_Title"));
    var UrlValue = ($(this).attr("ows_Value")).split(",")[0];
    AddRowToSharepointTable(displayname,UrlValue)
function AddRowToSharepointTable(displayname,UrlValue)
    $("#NDRTable").append("<tr align='Middle'>" +
                                "<td><a href='" +UrlValue+ "'>+displayname+</a></td>"
+
                               "</tr>");
<table id="NDRTable"></table>
Thanks :)
sudhanshu sharma Do good and cast it into river :)

Hi,
From your description, you want to add a help link(read data from other list) into new form page.
The following code for your reference:
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
ExecuteOrDelayUntilScriptLoaded(AddHelpLink, "sp.js");
function AddHelpLink() {
var context = new SP.ClientContext.get_current();
var list= context.get_web().get_lists().getByTitle("configurationList");
var camlQuery= new SP.CamlQuery();
camlQuery.set_viewXml("<View><Query><Where><Eq><FieldRef Name='Title'/><Value Type='Text'>Help</Value></Eq></Where></Query></View>");
this.listItems = list.getItems(camlQuery);
context.load(this.listItems,'Include(Title,URL)');
context.executeQueryAsync(function(){
var ListEnumerator = listItems.getEnumerator();
while(ListEnumerator.moveNext())
var currentItem = ListEnumerator.get_current();
var title=currentItem.get_item("Title");
var url=currentItem.get_item("URL").get_url();
var HelpLinkhtml ='<a href="'+url+'">'+title+'</a>';
$("input[value='Cancel']").parent("td").addClass('ms-separator').append(HelpLinkhtml);
},function(sender,args){
alert(args.get_message());
</script>
Result:
Best Regards
Dennis Guo
TechNet Community Support

Tracking the Date time changes in DatePicker control using Javascript/JQuery

I have two date picker controls(Start Date nd End Date) in my SharePoint Calendar list. And I need to calculate the Hour difference on the fly and show it in a text box.
Can anybody help me to achieve this task using client side scripting?
Thank You in Advance.
Juli

Hi sravankumar1107,
According to your description, my understanding is that you want to figure the difference between start date and end date and then you want to place the value in a text box.
Here is a code snippet for your referecnce:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type="text/javascript">
function initControl()
var txtstartDate = $("#" + $("label:contains('Start Time Date')").attr("for")).val();
var txtstartHour = $("#" + $("label:contains('Start Time Hours')").attr("for")).val();
var txtstartMinute = $("#" + $("label:contains('Start Time Minutes')").attr("for")).val();
var txtendDate = $("#" + $("label:contains('End Time Date')").attr("for")).val();
var txtendHour = $("#" + $("label:contains('End Time Hours')").attr("for")).val();
var txtendMinutes = $("#" + $("label:contains('End Time Minutes')").attr("for")).val();
var starttime = new Date(txtstartDate +" "txtstartHour +":"txtstartMinute);
var endtime = new Date(txtendDate +" "txtendHour +":"txtendMinutes);
var diff = endtime - starttime;
var diffSeconds = diff/1000;
var HH = Math.floor(diffSeconds/3600);
txtHour.val(HH);
</script>
More information for your reference:
http://stackoverflow.com/questions/21844281/i-am-using-datetime-picker-and-want-that-my-start-and-end-date-must-have-differe
http://blog.pentalogic.net/2009/09/setting-default-duration-for-new-calender-events/
Best Regards
Zhengyu Guo
TechNet Community Support

Javascript & Jquery Question?

Dear all,
I need to interactively enable and disable input fields (text, textarea, checkboxes, radiobutton) within APEX application. I have tried using javascript with jquery and was able to achieve some success but the problem is that the form clears the inputted values during the post back phase. This means that when ever I disable any of the input fields, these fields will have the value cleared on post back. I am using the jquery syntax $(this).attr("disabled", "disabled"); to disable the fields.
I have the suspicion that when I disabled the fields APEX does check the checksum of some kind to determined that the fields are modified and this clear or invalidate the stored value. I would like to know if their is a better way to get around the problem. Thanks.
Regards,

KA,
I remember Carl showing us a little trick with a function he called "kinadisabled" or something like that... He basically gave an item the "feel" of being disabled by changing the background color from white to gray and made it so that if the user tried to focus on the element it would blur - very interesting.
I've not tested this code but it should give you the idea.
if (some_condition) {
   $yourJqueryElmt.css('background-color','#FFFFFF').unbind('focus');
} else {
   $yourJqueryElmt.css('background-color','#CCCCCC').bind('focus', function() {
      $(this).blur();
}Regards,
Dan
http://danielmcghan.us
http://sourceforge.net/projects/tapigen

Javascript & JQuery array length problem-Safari only

I am using this script on a page with jquery loaded to make an example image slide show. Firefox (15.0.1) runs it properly. Safari (5.1.7) shows an image not loaded icon after the last image then begins at the first image, as though it reads the length as 1 count longer.
<script type='text/javascript'>
                    //this function is a slideshow
                    var imagesArray = ['html5.jpg','uxdesign.jpg','photoshop.jpg','jquery.jpg'];
                    var captionsArray = ['Smashing HTML','Smashing UX Design','Smashing Photoshop','Smashing JQuery'];
                    var active_index=0;
                    var active_Img=imagesArray[active_index];
                    function imageSwitch() {
                              active_index++;
                                   //this is the problem section
                              if(active_index>imagesArray.length){
                                        active_index=0;
                              active_Img=imagesArray[active_index];
                              var newSrc = "images/" + active_Img;
                              $('img.active').attr("src",newSrc);
          $(document).ready(function () {
               setInterval("imageSwitch()",5000);
</script>

Similar problem stands for my website as well. I don't create picture galleries, but link my pdfs to Dropbox. There must be something wrong with Safari and javascript... Chrome and Firefox don't have this problem, everything works fine there.

Fetching Manager Attribute For The User In PeoplePicker Control Using JavaScript/JQuery

Hi Everyone,
I need to fetch the Manager, Department and Title information for user listed in PeoplePicker control on SharePoint site and List them in textbox using JavaScript.
Please suggest the JavaScript code.
Regards~
Deepak Arora
If you Find the Answer | Article | Blog Helpful Please Vote As Helpful / Mark As Answer

Hi,
According to your post, my understanding is that you want to get the user’s manager, department and title.
We can use the GetUserProfileByName operation of the SPServices to achieve it, you can download it in the
CodePlex.
You can first retrieve the user of the People Picker control.
http://sympmarc.com/2012/04/22/working-with-sharepoint-people-pickers-with-jquery-a-new-function-called-findpeoplepicker/
http://sharepoint.stackexchange.com/questions/80839/unable-to-get-user-name-from-the-people-picker-control-using-jquery
Then we can retrieve the user’s information using the SPServices.
I have made a simple code demo to retrieve the user’s manager, department and title as below, you can have a look at it.
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://sp/Shared Documents/jquery.SPServices-2014.01.min.js"></script>
<script type="text/javascript">
// When the body is loaded, the onload event handler executes each function whose name is contained in this array.
$(function(){
var managerName;
var title;
var department;
$().SPServices({
operation: "GetUserProfileByName",
async: false,
AccountName: $().SPServices.SPGetCurrentUser(),
completefunc: function (xData, Status) {
console.log($(xData.responseXML).find("PropertyData").parent().html);
$(xData.responseXML).find("PropertyData > Name:contains('Manager')").each(function() {
managerName = $(this).parent().find("Values").text();
//alert("the manager is"+managerName);
$(xData.responseXML).find("PropertyData > Name:contains('Title'):eq(0)").each(function() {
title = $(this).parent().find("Values").text();
//alert("the Title is"+title);
$(xData.responseXML).find("PropertyData > Name:contains('Department')").each(function() {
department = $(this).parent().find("Values").text();
//alert("the Department is"+department);
var obj1=managerName+title+department;
$("#Test").text(obj1);
</script>
<span id="Test"></span>
More reference:
http://sympmarc.com/2012/04/22/working-with-sharepoint-people-pickers-with-jquery-a-new-function-called-findpeoplepicker/
Thanks & Regards,
Jason
Jason Guo
TechNet Community Support

Javascript/jQuery

Hi All
I am quite new to Dreamweaver CC and web design itself. I have completed Dreamweaver level 1 at college, but there is something we haven't learnt yet which I am quite interested in doing a tutorial for but finding it hard to find one because I dont actually know what wording to use.
So basically I have added small thumbnail pictures into a DIV box going down the right hand side of my page. I want to be able to click them and they bring the picture up large in the middle of the page. So far all I have found is tutorials that open the picture in a new page. I see lots of posts about using other programs with it all built in, but I would like to know how to do it in Dreamweaver using its funtions only, or a tutorial on how to create a behaviour/or anything else to do what I am looking to do.
Any help would be appreciated.
Image below, don't know if it matters, but the image size is 100px wide and 133px high.
Thanks
Ivan

Ivan_Rowe wrote:
Do the extentions have specific names or do they come in packages? like a few in a bundle or are they single?
The only ones that I can recommend are below. Look under the 'Image Galleries' tab.
PVII have been around for many a year and offer an exceptional service for those without the knowledge or time to invest in aquiring the knowledge to perform such tasks as you are enquring about.
http://www.projectseven.com/products/index.htm
DO I think the galleries are a bit OTT - yes for my tastes they are.
You probably only need a simple solution like the original example I provided. To implement this is not that difficult but it does of course require you can follow some intructions and have a familiarity with code.

Firefox 35 & 36 on Mac don't select listboxes (html select) created by javascript / jquery, unless I set focus programmatically or I right-click on it.

I am creating a single page app and newly created <select></select> does not work. It seems the problem is these select do not get focus when I click on it. If I (1) set focus programmatically; or, (2) rigth-click on it, it works normally. Firefox 35 / 36 on Mac OSX 10.10.2.

Hi, there. I tried to make a simple sample case... but it worked. My application is a backbone based dashboard panel. The problem occurs in some special condition I am trying to replicate. I the following links it was related to jquery.ui.modal window and datepickers. It is not my case, but I guess I am using something similar to modal windows.
I guess to case are related:
1. [https://support.mozilla.org/en-US/questions/964354 Select does not open dropdown onclick]
2. [http://stackoverflow.com/questions/22050641/month-select-in-datepicker-inside-a-bootstrap-modal-wont-work-in-firefox Month select in datepicker inside a bootstrap-modal won't work in Firefox]
If I succeed replicating the case, I will post it here.
Thanks!

Compound filtering xslt list view web part with _dopostback using javascript/jquery

Hello,
I am filtering list view web part as same as the below post,
http://dcsharepointchick.blogspot.in/2013/05/filter-sharepoint-list-with-partial-postback.html
here I need to filter the web part with some another condition . I am trying to write another condition in filter attribute of _doPostback(), but it doesn't work.
Please let me know is there any alternative to achieve compound filtering.
Regards,
Balakrishna M.

Hi Balakrishna,
According to your description, my understanding is that you want to filter the list view web part with more than one filters.
I recommend to use the OOB Choice Filter web part to achieve this goal.
Edit the page where the list view web part exists and then add the Choice Filter web parts to the page based on your need.
More reference:
http://office.microsoft.com/en-in/sharepoint-server-help/connect-a-filter-web-part-to-a-list-view-web-part-HA101785233.aspx#_Toc296943684
Or you use the List Filter Plus Web Part to get the function.
http://www.kwizcom.com/sharepoint-add-ons/sharepoint-list-filter-plus/overview/
Here is the link to download the web part:
http://www.kwizcom.com/sharepoint-add-ons/sharepoint-list-filter-plus/download/
Best regards.
Thanks
Victoria Xia
TechNet Community Support

Refresh Crystal Report Viewer By JavaScript or JQuery

hii every body here ...
i need to can refresh the crystal report viewer with javascript or jquery as like [refresh button] on toolbar
so i need to do that without using standard refresh button on toolbar or by server side code only by java script code is this possible or not
thanks for the repliers ...

thanks for replay my best friend but i need the below :
i using asp.net web application with crystal report 13
i use crystal report viewer on web page so ...
when i display the report some button inside the crystal report viewer toolbar like [refresh] button
i need to click this button by javascript/jquery becuase i will fire it on page_load from jquery
when page load from javascript [client side] i will fire the refresh button ....
soo if this an soluation can let me do this task or not
remember that : i dont need to refresh the report from server side methods .
thanks alot

Simple database in html5/jquery/javascript portable to mobile devices

Hi
I am writing a small freeware educational application for mobile devices and as (source) a website for browsers. Have (hopefully) come up with the right environment, i.e. html5 + javascript. Probably I will also include jquery for better gui capabilities.
I am facing another choice. I need to use some basic database functionality for keeping irregular verbs. What would be the most efficient way to go: html/javascript/jquery?
Have no thorough programming knowledge, but once I know which way to take, I usually can make it to the end.
Thank you for any suggestions.
T52

You can try my own library https://bitbucket.org/ytkyaw/ydn-db/overview

Order of javascript jquery declarations matters?

Similar Messages

Maybe you are looking for