JavaScript

Re: jquery grid paging and textbox event

17-Apr-11 23:03

Hi,
I have a textbox on my aspx page and a search button.
When I enter text in textbox and press search it populates the results in a jquery modal and on selection of one of the values returns me the data which gets mapped to various controls on the aspx page.
My issue is how do I send the textbox values to the service? I tried using on text_chnaged where I call the service and load the data into grid and on click of the button i call the div to open.
But this requires two clicks and is not a neat solution.. Frown | :(

as every time i click the searhc button it loads an empy window and on next click opens a window with the populated grid.
please can you suggest how to overcome this. which even to be used load the data from service from
also how to enable paging in jquery grid.

Sunasara Imdadhusen5-May-11 3:58

Sunasara Imdadhusen

5-May-11 3:58

Can you please provide snippet of code to GetData from web service and NextButton click to show window?

Thanks,
Imdadhusen

sunaSaRa Imdadhusen
+91 99095 44184

Jquery Autocomplete

fififlowertot13-Apr-11 5:51

13-Apr-11 5:51

Hi,
I have a dropdown list populated with the list of names on my aspx page. I want to use this as a data source for autocomplete in the name textbox. Which is the best way to do it in jquery?!
Thanks,

Not Active13-Apr-11 6:12

Not Active

13-Apr-11 6:12

The best way is to read the documentation http://docs.jquery.com/Plugins/autocomplete[^]

I know the language. I've read a book. - _Madmatt

fififlowertot14-Apr-11 0:26

14-Apr-11 0:26

I 've tried the following:

<script type ="text/javascript">
	    $(document).ready(function() {
	        	        var a = $("input#names").val();
	     
	        $("#tags").autocomplete({
	            url: "CodeFile1.cs\SearchNames",
	            data: $("input#names").val()
	        });
	        	    });
	</script>

<div class="ui-widget">
	<label for="names">Names: </label>
	<input id="names" />
</div>

and my codefile is :

public string[] SearchNames(string Name)
   {
       string [] Names = null;
       int i;
       i = 0;
       ServiceClient serviceClient = new ServiceClient();
       SearchResponse searchResponse = new SearchResponse();
       principalSearchResponse = bondInformationServiceClient.SearchPrincipals(principalSearchRequest);

                  foreach (Name name in SearchResponse.NameList)
           {
               Names [i] = name .nameField.ToString().Trim();
               i++;
           }
       }


       return Names ;
   }

gives me an runtime error: object expected.

Gerben Jongerius14-Apr-11 1:14

Gerben Jongerius

14-Apr-11 1:14

I think you read the documentation on the autocomplete plugin wrong. If you wish to use an Url to load the autocomplete data from, which for as far as I've been able to figure out by your sample code you are, then you should return a plain text response with one possible word per line. And keep in mind it performs a round trip to the server, which means you will need to create a script file on the server (JSP, PHP, ASPX).

Look at http://docs.jquery.com/Plugins/Autocomplete/autocomplete#url_or_dataoptions[^]

The documentation indicates the call to the server will contain the word to autocomplete in a parameter called 'q'.

fififlowertot14-Apr-11 1:37

select with same data/options

14-Apr-11 1:37

Thanks Gerben, I read it again and understood what u mean!!..

I was just wondering if it's possible to use a wcf with it?
Also since this wcf is being used extensively and returns an object which is a list<objectnames>

thanks,

Morgs Morgan7-Apr-11 22:35

7-Apr-11 22:35

hi guys,
i have six(6) select controls all with values 1-6.

when i click submit in javascript i would like to check that a
select's value has not already been selected by the other five (5) selects.

can anyone please help me how i can do this, i have tried logic after logic
and yet still no joy at all...please help me.

i tried:

//check template orders
var ordercntr = false;//just a control key
var partial = '';//i'm appending the selects ids to this variable on each iteration.
var orderfinal = new Array();//will add the successful values of my selects(inside my if statement)
for (l = 0; l < order.length; l++) {
    //looping through an array that contains selects ids(order)
   //select ids have the form: sel_0, sel_1, sel_2, sel_3, sel_4, sel_5 (there six selects in total)
    partial += order[l] + '~';//appending to my partial variable, the current select's id
    var d = document.getElementById(order[l]).value;//getting the value of the select
    if (partial.search(d) < 1)
       {
         //i'm searching for whether the selected value e.g. 1 has already been appended to my
         //partial variable 'partial' which at first iteration has a value of sel_0~, second iteration=sel_0~sel_1
          orderfinal[l] = d; ordercntr = true;
       }
    else
       {
          ordercntr = false; break;
       }
}

The logic works like a charm if the selected values in the selects are in the order 1-6
But fails badly if lets say the second(2) select has the value 5(or something else other than 2)

i know i have to revisit the entire logic but i have tried and now i'm asking
for help before i try forever.

I will appreciate any help.

Morgs

Luc Pattyn8-Apr-11 1:10

Luc Pattyn

8-Apr-11 1:10

there are several ways to do this. here are a few:

1.
compare 2 with 1; then 3 with 1 and 2; then...

2.
create a bit mask where each bit corresponds to a value (bit1=value 1, bit2=value 2, bit3= value 3,...); start at zero, then OR with the bit value, in pseudo-code bitmask=bitmask | (1<<value) and finally check the final value is what it should be: 0x7E

3.
similar to #2, use a bit mask; before ORing in a new bit, check the bit is still zero; if it isn't, there is a duplicate.

4.
same as #2 or #3, however use a string instead of a bit mask.

5.
same as #2, however use an array, have it sorted, then compare with what it should be.

Smile | :)

Luc Pattyn [Forum Guidelines] [My Articles] Nil Volentibus Arduum

Please use <PRE> tags for code snippets, they preserve indentation, improve readability, and make me actually look at the code.

Morgs Morgan8-Apr-11 3:19

8-Apr-11 3:19

Hi Luc,
Thanks for your suggestion, i found dodgy solution though.

1. I put all my selects ids in an array (e.g. ItemOrder)
2. i loop through the ItemOrder likse so;;

var count=0;
var isMoreThanTwo=false;
for(i=0;i<ItemOrder.length;i++)
{
    var d=document.getElementById(ItemOrder[i]).value;
    for(a=0;a<ItemOrder.length;a++)
    {
       if(d==document.getElementById(ItemOrder[i]).value)
       {
          count++;
       }
       //if count>1 then user chose the current select's value in more than one select
       //otherwise count will always remain 1 if this select's value is unique
       if(count>1){isMoreThanTwo=true;break;}

    }
    if(isMoreThanTwo)break;
}
if(count<=1)
{
    //user chose a unique value for each select
}
else
{
   //error, user has selected duplicate values in the selects!
}

The above works like a charm, might not be the best solution but does just the trick

Thanks,
Morgs

Luc Pattyn8-Apr-11 3:31

Luc Pattyn

8-Apr-11 3:31

that looks OK, except if(d==document.getElementById(ItemOrder[i]).value) should use a, not i.

Keeping the approach, the code can be further improved by:
- reducing the inner loop to for(a=i+1;a<ItemOrder.length;a++);
- dropping the count variable
- renaming the isMoreThanTwo variable to thereAreDuplicates

something along these lines:

var thereAreDuplicates=false;
for(i=0;i<ItemOrder.length;i++) {
    var d=document.getElementById(ItemOrder[i]).value;
    for(a=i+1;a<ItemOrder.length;a++) {
       if(d==document.getElementById(ItemOrder[a]).value) thereAreDuplicates=true;
    }
    if(thereAreDuplicates)break;
}

Luc Pattyn [Forum Guidelines] [My Articles] Nil Volentibus Arduum

Please use <PRE> tags for code snippets, they preserve indentation, improve readability, and make me actually look at the code.

Morgs Morgan8-Apr-11 5:26

8-Apr-11 5:26

Thanks Luc,
that looks pretty aswell,
Oops your first comment was just a typo when i was writing at the forum
otherwise i have it correct in my code.

sydongda10-Apr-11 22:56

sydongda

10-Apr-11 22:56

just sum six(6) select controls , and compare with (1 + 6) * 6 / 2.
equals means ok

Luc Pattyn10-Apr-11 23:01

Luc Pattyn

10-Apr-11 23:01

{1,1,1,6,6,6} doesn't contain duplicates?

Confused | :confused:

Luc Pattyn [Forum Guidelines] [My Articles] Nil Volentibus Arduum

Please use <PRE> tags for code snippets, they preserve indentation, improve readability, and make me actually look at the code.

Which should i include in my page??(About JQuery UI)

sydongda11-Apr-11 19:48

sydongda

11-Apr-11 19:48

zouleisheng6-Apr-11 21:02

zouleisheng

6-Apr-11 21:02

I have download the package from http://jquery.com ,"jquery-ui-1[1].8.11.custom.zip" ,there

are too many different .js and .css files in it,and their names are analogous,i don't know

what should i include in my page.

For example, the file "demos\tabs\default.html" include follows files:

jquery.ui.all.css
jquery-1.5.1.js
jquery.ui.core.js
jquery.ui.widget.js
jquery.ui.tabs.js
demos.css

what's the function of these files??

Re: Which should i include in my page??(About JQuery UI)

Not Active7-Apr-11 2:28

Not Active

7-Apr-11 2:28

Sounds as though you need to read the documentation and understand the tools before just jumping in an trying to use something.

I know the language. I've read a book. - _Madmatt

Re: Which should i include in my page??(About JQuery UI)

Monjurul Habib12-Apr-11 12:31

Monjurul Habib

12-Apr-11 12:31

http://jqueryui.com/docs/Getting_Started[^]

http://jqueryui.com/docs/Developer_Guide[^]
I hope the above information will be helpful. If you have more concerns, please let me know.

Vertical slide show

venu65630-Mar-11 20:49

venu656

30-Mar-11 20:49

Hai Experts.

i am working on the slide shows for my webapplication .i need a Vertical slide Show that moves From bottom to top For Example
http://www.accenture.com/us-en/Pages/index.aspx[^]

Here they are showing in the horizontal way i need in The Reverse order Vertical with same Bttom move up and Move down

please Help me out

Regards
venu

Re: Vertical slide show

preethipriya52330-Mar-11 21:26

preethipriya523

30-Mar-11 21:26

hai

Re: Vertical slide show

Morgs Morgan7-Apr-11 22:40