In my current project we need to provide drag&drop functionality of items from left to right and vice-versa and on click of the button send array of item IDs to server. Main problem was that we couldn't get array across to server and online examples that we found did not work. Above snippet will grab "id" attribute of all list elements (order/unorder list) from container with ID of "sortable2". Push IDs from listed elements to array "ids". After that, it will get currently selected value from drop down menu and store it in "id" variable that is used in next …

Member Avatar
+2 forum 0

i would like to ask if there is a way to change on a drag and drop jquery i use the image src from the li div that i drag it on the ul div that i drop it... with a jquery i found something like this [CODE]$('#dropContainer').droppable({ drop: function(e,ui) { $(ui.draggable).attr('src','/path/to/different/image'); } });[/CODE] but is not working for my application

Member Avatar
+0 forum 0

Hi, I want to send three text box values to server using jquery ajax. problem is that, i dont know the exact syntax to send three data. When i try sending one data(also change no.of parameters to one at server side method), its going good but when i try to send three text box values, its giving jquery error:"Internal server error". I think I am not sending data in correct way. please somebody tell me how to do that. Example below contains only two sending data, because i was trying to send 2 data first. Below is the code: [CODE]function …

Member Avatar
Member Avatar
+0 forum 2

[B]The page:[/B] [URL="http://www.edutecher.net/links.php"]http://www.edutecher.net/links.php[/URL] [B]The problem:[/B] Using the selection on the left side loads the results on the right using a JQuery AJAX post shown here: [CODE] function updateLinks(){ $("#linkBody").fadeOut(500); $.post( 'ajax/linksfilter.php', $("#updateForm").serialize(), function(data){ $('#linkBody').html(data); } ); $("#linkBody").fadeIn(500); return false; } [/CODE] After the request displays the results there will be a LINK on each item which will open up a lightbox style window [URL="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/"](http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/)[/URL] containing a commenting system [URL="http://js-kit.com/"](http://js-kit.com/)[/URL]. All the scripts seem to be correct... the ajax works correctly... the lightbox link on the links.php works correctly (before and after the ajax request). [B]My Research:[/B] After doing my research …

Member Avatar
+0 forum 0

I have little bizarre problem. Working in Java web development we have project that we use plenty of templates from Velocity. Where one template can refresh section of it self and display one or more templates. My problems is that in parent template I have to pop up window with message if in child template and item from group A been moved to group B or vice-versa. Anyone has any idea how change on child template can be propagated up to parent?

Member Avatar
Member Avatar
+0 forum 3

hi, i have a website where i provicde a link. On clicking the link a controller action method is called to generate a zip file after creation of zip file is done, i show the link to download the zip file by replacing the link to create a zip with the link to download the zip. the problem is that after zip file creation is over and link is shown, when user clicks on the link to download the zip file, they are sent to login. After providing correct credentials in the login page they are prompted to download the …

Member Avatar
Member Avatar
+0 forum 1

Hi, I have a javascript object which is converted from json to java script object. i want to display its values like after each key value pair, i want to insert new line. but i dont know exactly how to do that. below is my code, please take a look and tell me how i should insert a new line. i tried but its not inserting a new line is diplay. [CODE]$.ajaxSetup({ cache: false //timeout: 1000000 }); //String.prototype.toJSON; //var the_object = {}; //function concatObject(obj) { // str = ''; // for (prop in obj) { // str += prop + …

Member Avatar
Member Avatar
+0 forum 1

Hi, I have a html document when i run in Internet explorer i am getting the desired output(j query working fine). But i copy pasted the same code in aspx page...the same code is not working properly...

Member Avatar
Member Avatar
+0 forum 14

Hi, In my code behind file, I called Soap web reference and retreive data and diplay in grid view and it worked. But when I convert retreived data to Json text and send back to java script and on client side, convert json text to java script object and when try to display it, its displaying nothing. I dont know if i m doing something wrong here. please check my code and give me suggestions, I really need help. Below is the javascript file: [CODE]$.ajaxSetup({ cache: false, timeout: 5000 }); var ajax_load = "<img src='loading.gif' alt='loading...' />"; // load() functions …

Member Avatar
Member Avatar
+0 forum 8

Hi there, I just try to figure out a function which will dismiss a text and saves it in cookies for next page reload/visit. My current code looks as follow: [CODE]<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script> <script src="jquery.cookie.js" type="text/javascript"></script> <script> $(document).ready(function() { $.cookie("viewState"); var theState = $.cookie("viewState"); $("#R1").click( function () { $("#secret").hide("slow"); $.cookie("viewState", "none"); theState = "none" }); $("#secret").css('display', theState); }); </script> [/CODE] and the message for dismissing: [CODE]<div id="secret" style="display:none;" class="theme"><p>Test <a href="#" class="button" id="R1">Done</a> </p> </div> <script> $("a.button").click(function () { $("div.theme").hide("slow"); $(this).hide(); return true; }); </script>[/CODE] The function is working but it takes a second while it dissapeared after page is …

Member Avatar
+0 forum 0

I can reproduce this bug in IE7 (and a colleague in IE6), my link is here: [url]http://www.pritaeas.net/tools/linkfarm/[/url] If you select a tag the list gets filtered and the tag added to the selected div. Unselecting it will reset the taglist, and remove() the tag from the selected div. Selecting another one will result in positioning the new tag next to the element that has been removed. Is this a jQuery issue, or can this be fixed by changing my css. After a suggestion on StackOverflow I've also tried to use .hide() and .hide("fast") but to no avail. T.i.a. Originally posted …

Member Avatar
Member Avatar
+0 forum 8

Hi, In my application I have <li>s and I am using Jquery to remove a particular <li> The code I am using is [code] $(".close").click( function() { $(this).parent().remove()// Links with the class "close" will close parent return false; } ); [/code] Using this I am successfully able to remove a li but after its being removed...The <li> below it moves in place of the deleted one and is creating a white space. How can i remove that white space

Member Avatar
Member Avatar
+0 forum 14

Hey, I've been playing around with the jDigiclock weather+time script from [URL="http://www.radoslavdimov.com/jquery-plugins/jquery-plugin-digiclock/"]http://www.radoslavdimov.com/jquery-plugins/jquery-plugin-digiclock/[/URL] the only problem with this awesome script is that it get the location of the user from the static input directly from the script. How can I access the users locale and feed it into the variable that deals with showing the weather of the users location? If i just knew how to get access to dynamic information like that I'm sure I would be able to figure out how to get the script to load in the data dynamically. Any ideas? -thx

Member Avatar
Member Avatar
+0 forum 1

I’ve been fighting this for a few days now. I’ve found some wonderful tutorials that get REALLY close to what I’m doing, but I guess I’m too dumb to figure the last step out. I understand it in theory but I’m hoping someone can help me complete this project. What I’m Trying To Do: Basically, if you can remember back in grade school gym class, when you had to pick teams for dodge ball, I’m doing that. I’m building a team picker. So before anyone has been picked I would like a grouping of unsorted eligible team members (pulled from …

Member Avatar
+0 forum 0

I am looking into using JQuery cookies to keep track of a menu when the page is reloaded ([url]http://plugins.jquery.com/project/cookie[/url]). I am using GET/POST to change the content section of my website layout. My question is about session-cookies. They are only destroyed when the browser closes, not when the user leaves your website? Is there a way to set cookies such that they only stay while still on my site? So that if a person leaves my site and returns all while the browser is open, when they return they get the menu in the starting position?

Member Avatar
+0 forum 0

I have Webpage written using PHP that displays drop down data from MySQL tables. I want my page to refresh and appeared new entry list in drop down list, after new records are entered to the database.I want auto refresh but when submit the form only.

Member Avatar
Member Avatar
+0 forum 2

Hello! I could do this in Struts 1 but can't for the life of me figure out how to do this in struts 2!!! Basically, data I posted as a JS array would come into the action as a String array, but now nothing comes in and "myCars is null". Thanks for any help in advance!!!!! Action Code: [CODE] public class LookAtCarsAction{ public String execute() { if ( getMyCars() != null) { for ( int i = 0; i < getMyCars().length; i++) { log.info("myCars: " + myCars[i]); } } else { log.info("myCars is null"); } return SUCCESS; } private String[] …

Member Avatar
+0 forum 0

Hey Guys. I cant actually think of a way to do this. Let me rephrase my question. I essentially want a perl script to run based on something that i am doing in javascript. for example: <javascript> if(x == 1) { then run the perl script. } </javascript> i dont even want perl to return anything back to the JS or anything of that nature. I just want it to simply run because im making it do a bunch of other things. I hope my question is clear. Any help would be greatly appreciated. Thanks.

Member Avatar
Member Avatar
+0 forum 17

Hi, I am working on the jquery slideshow script, which i had borrowed from some famous jquery plugin and customized so nicely so as to look just as par my requirement .Its working perfectly fine in the Internet Explorer but failing to even call the event on click in firefox and that's too without notification of any error in the error console. Now I feel the lack of any debugging tools for jQuery...

Member Avatar
Member Avatar
+0 forum 9

Hi, I am customizing jquery scrollshow, it can be found originally [URL="http://flesler.blogspot.com/search/label/jQuery.ScrollShow"]here[/URL] As you can see in the original script there are only images which scroll, now I have the description to show below each image which should also scroll as the images scroll. This description will include - 1. 'Name of the person in Image' 2.Article Title 3.Article short paragraph (Also this content will come from the db with PHP !) (Initially it can be implemented for some small dynamic text for images) To achieve that i tried to add the 'p tag' inside the image's li tag but …

Member Avatar
Member Avatar
+0 forum 1

hi all, i have added a simplemodal box in my project which is using jquery problem is i am using it for dynamic php application. i want a id of clicked item iam not getting it here is my code in php page [CODE]<div id='contact-form'><a href='#' class='contact'><input src="images/email-icon.png" type="image" value="<? echo $title_str;?>" width="23" height="27" id="<? echo $title_str;?>" /></a></div>[/CODE] and in javascipt page contact.js [CODE]$(document).ready(function () { $('#contact-form input.contact, #contact-form a.contact').bind('click',function (e){ alert(this.id); e.preventDefault(); // load the contact form using ajax $.get("modules/contact.php", function(data){ // create a modal dialog with the data $(data).modal({ closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>", position: ["15%",], overlayId: 'contact-overlay', …

Member Avatar
+0 forum 0

Hi, okay i've spent hours in the web searching for the right image slideshow/gallery to use for my website but in vain! Dont get me wrong the jQuery, Ajax scripts i've seen so far are so good but they all use lists to load all the images at once and yet i'm targeting an area with not-so-much-bandwidth. Is there an image gallery script around that uses ajax to maybe fetch an image from an external file and display it on the page? hope this makes sense! thanks for your help!!

Member Avatar
Member Avatar
+0 forum 2

ok so in order here is my code [TEX]/* index.html */[/TEX] [CODE] <!-- jQuery Scripts --> <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"></script> <script type="text/javascript" src="http://tdr.host22.com/scripts/li.js"></script> <link href="http://tdr.host22.com/scripts/tdr.css" rel="stylesheet" type="text/css"> <!-- Div Layout --> <div id="container"> <div id="dp">my DP here</div> <div id="hrefs"> <ul id="menu"> <li><a id="home">Home</a></li> <li><a id="about">About Me</a></li> <li><a id="shop">My Shop / Wishlist</a></li> <li><a id="friend">My Friends</a></li> <li><a id="vids">Wicked Videos</a></li> <li><a id="music">Music Playlist</a></li> <li><a id="pics">My Pictures</a></li> <li><a id="ranks">My Rankings</a></li> <li><a id="stuff">Random Stuff</a></li> <li><a id="read">Read Messages</a></li> <li><a id="leave">Leave a Message</a></li> </ul> </div> <div id="content"> TDR Content <div id="loading"> <img src="images/loading.gif" alt="Loading..." /> </div> </div> </div>[/CODE] [TEX]/* li.js */[/TEX] [CODE] $(document).ready(function(){ //References var sections = $("#menu …

Member Avatar
Member Avatar
+0 forum 4

Ok here is what I am trying to. I have a form where a user will enter in the number of input fields they need (lets call them offices) and when they click the submit button a jQuery function appends the rows to a plain html table. This works fine, except I do not want the rows to be only vertical or horizontal. I want it to put three input fields on one row before going to the next. Here is the code I have: [CODE]//This function is for adding rows to the offices table function addOfficeRows() { var i …

Member Avatar
Member Avatar
+0 forum 3

Checkebox doesn't hold its value when i use jQuery styling plugin wich allows me to skin form elements. but when i remove the jQuery the code works !! can someone plz tell me the way to fix it ?! Code: [CODE] <html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US"> <head> <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type"/> <title> Delete Review </title> <link rel="stylesheet" href="jqtransformplugin/jqtransform.css" type="text/css" media="all" /> <link rel="stylesheet" href="demo.css" type="text/css" media="all" /> <!-- Script for the event handeler --> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.colorize-2.0.0.js"></script> <script type="text/javascript" src="jqtransformplugin/jquery.jqtransform.js" ></script> <script language="javascript"> $(document).ready(function(){ $('form').jqTransform({imgPath:'jqtransformplugin/img/'}); }); </script> <script> $(document).ready(function(){ $("#review").colorize( ); }); </script> </head> <body> <form action="" method="post" …

Member Avatar
Member Avatar
+0 forum 6

Hi, I am trying to open the Jquery Dialog box using VB.NET. [B]After the data has been saved successfully[/B], I need the dialog box to show up with the message to the user. Also allow user to perform some other actions like clicking the buttons. If I call the same codes from the client sides, like onclick="", it is working fine. However, It does not open from the server codes: [CODE] ScriptManager.RegisterStartupScript(Me, Me.GetType(), "Message", "<script type='text/javascript'>$('#dialog1').dialog('open');</script>", False) [/CODE] Any ideas of what i've done wrong!

Member Avatar
+0 forum 0

Hi all I've been trying to find a jquery list selection solution along the lines of the following. I want to have two boxes. One on the left that holds all the options to choose from and a box on the right that holds the options selected in the left box. Once all the desirable options are chosen and the user hits submit the options selected are posted to a db. Anyone know of something similar?

Member Avatar
Member Avatar
+0 forum 1

Hello, I'm building an intranet site for work with an autocomplete feature. I have it working to where when the user clicks on the name in the autocomplete list, it will fill that value to the text input box. What I need it to do is after it fills in the value, also submit the form, à la Google. I would usually research how to do this, but I'm on a tight schedule and really need your help! Here's what I have for the code so far. [CODE]function suggest(a) { if (a.length == 0) { $("#suggestions").fadeOut() } else { $("#search").addClass("load"); …

Member Avatar
Member Avatar
+0 forum 2

Hi all, I want to add some yellow background when focus turns to text input and remove it when it moves. Here is my code for JQuery [CODE=javascript] $(document).ready( function(){ //make form display yellow color when mouse is focused on item $("input").focus( function(){ $(this).css('background-color' : 'yellow'); } );//end focus }); [/CODE] a HTML form [CODE=html] <html> <head> <title>Login in Site</title> <link rel="stylesheet" type="text/css" href="/loginsys/site.css" /> <script type="text/javascript" src="/loginsys/lib/form.js"> </script> </head> <body> <div id="form"> <form action="/loginsys/include/login.php" method="POST"> <p><b>Username:</b> <input type="text" name="usrname" /></p> <p><b>Password:</b> <input type="text" name="passwd" /></p> <p><input type="submit" value="Login" /></p> </form> </div> </body> </html> [/CODE]

Member Avatar
Member Avatar
+0 forum 9

Hello all, please help! I need use two jquery scripts - dynamic select box and clone row. Each of them work fine but I cannot find the way to use it together in one script. Thank you for any suggestion! Petr live demo: [URL="http://www.guitarcases.cz/index.php?clanek=zakaznik_objednavkawww"]http://www.guitarcases.cz/index.php?clanek=zakaznik_objednavkawww[/URL] [CODE] <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"> $(function(){ // start a counter for new row IDs // by setting it to the number // of existing rows var newRowNum = 0; // bind a click event to the "Add" link $('#addnew').click(function(){ // increment the …

Member Avatar
+0 forum 0

The End.