Conflict
Dear, In the same file I have to use Jquery and mootools, but it seems that they have a conflict together, because they don't work at the same time.. what shall I do to prevent this conflict and how should I place them... thanks a lot
Conflict
Dear, In the same file I have to use Jquery and mootools, but it seems that they have a conflict together, because they don't work at the same time.. what shall I do to prevent this conflict and how should I place them... thanks a lot
[Form plugin] Wont work with file type inputs
Hi, I've been using the form plugin to process some data in a form and was working perfectly until I added a new input (type="file") to upload images, for some reason now the plugin wont go past the beforeSubmit: section, the weird thing is that if I change the field type to text it works perfectly. Is it something I'm doing wrong? Or do I have to do something else with file type fields? Here's the code, any help will be appreciated , thanks in advance!! $('#add_form_mercancia').ajaxForm({
Dragable Page Navigation Help
Hello Ive been googling and http://www.b-hind.eu/jquery/ appears to be the closest thing that I can find to what I am looking for. Currently my list looks like this: <ul parent_id=0> <li page_id=1>Page One</li> <li page_id=2>Page 2 <ul parent_id=2> <li page_id=3>Page 2.1</li> </ul> </li> </ul> I'll assume you get the basic structure..... The first thing I would like to do is be able to drag a new <li> from the side that represents a "new page" to the list with out allowing
php code doesnt work with an jquery delete(row)
I have a small admin panel where i can delete items, if used an jquery animation and hide function when i click on the delete button, but when i click on the button the jquery works perfect but for some resaon the php delete function doesnt work(if tryed a basic link, like index.html, but this doesnt works) When i click the btn the page doesn't refresh, anybody have a solution for this? This is the jquery code // remove a row $(".delete-row").click(function() { $(this).parents('.pages-row,
Why does this not work?
I have this loop but it only goes once $.each(data, function(entryIndex,entry) { str = entry.images.timage; film += '<li><img src="'+ startURL + str.replace(/myconnect/ , "connect") + '" alt="/></li>'; }) This is my JSON [ { "images": { "filetype": "Video", "vidlink": "http://www.mediacollege.com/video-gallery/testclips/barsandtone.flv", "limage": "", "timage": "/Tumb.jpg?MOD=AJPERES",
Faulty selector?
Hola, I'm trying to implement jQuery in a script and I'm stuck. The scenario is this: there is a table with two rows and two columns with the markup for a row like this: <table><tr> <td><span><div><input>1st cell</input></div></span></td> <td><span><div><input>2nd cell</input></div></span></td> </tr>...... Now, I'm trying to take the value that is entered in each first column(1st cell) and based on that, make an ajax call to a database and use the value thereof to
Help needed to find image dimensions
I'm using Preview.js to create image previews on hover. The script as it is now displays the full size image on hover, but that is often too big. I have been able to reduce the preview size by defining width='200px' which works fine in many cases, but when the image is tall and narrow a 200px wide image my be 700px tall. So what I'm trying to do is determine the image dimensions and if the width is greater than the height, set width='200px', otherwise set height='200px'. I haven't been able to figure
Jquery Autocomplete Plugin onItemSelect not firing
I am using Jquery Autocomplete Plugin. In which I am fetching values from database and get loaded in list Whenever I select any Item It should do the postback is must for my requirement. I have written an javascript for it. which I have called on OnItemSelect but for what reasons this event is not firing at all. I have added simple alert message to test but still it is not firing. What might be the cause can anyone help me out from these? I would appreciate the help Following is the autocomplete
Pannable/draggable window area (Google maps style) in web app - where to start?
I'm a fairly experience jQuery developer. I've been asked to research pannable windows within an upcoming web app. Basically we want to be able to pan a portion of a window in a similar manner to google maps (click on the map and move the mouse to drag the map around). The draggable window area will have clickable/interactive areas within it. Any ideas on the best place to start with this? Has anyone done anything similar?Thanks in advance.
Jquery--Please need Help
Dear Friends, I am new to Jquery.. On my website, I have an Image Rotator Block and an Album with navigation keys (Next & previous) the 2 javascript function( slide) use Ajax Jquery library "jquery.min.js", so the 2 functions need the "jquery.min.js" library... the problem is that only one slide works and the other will be stopped, but each one alone works...but together they didn't work...maybe they are not well located??? I need Help on how to write them, so that they work together..File Attached,
problem with find('object') in ie6
I have a problem with ie6 when searching for an inserted object. in jquery i do something like this: var obj = $('<div></div>').html($('#embedded_video').val()).remove().find('object'); where in the embedded_video textbox i insert an object taken from youtube or so. This works great in FF and IE7&8 but does not seem to work in ie6. I tried to modify the command to look for something else like ...find('a') and it also works in ie6 so the problem only appears when i search for 'object'. Can anyone
Building accordion menus on the fly
Hello, On my website I have a menu that lists all the available categories that a user can read, when the user clicks a category some ajax is fired that runs a database and returns all the categories content in the form of thumbnail images, if the user then clicks that category link again the accordion should be deleted from the page, I have it working if there is only one accordion on screen but if add a second it stops the first being an accordion could look at my code and tell me where I am going
Tabs inside tabs, problem with divs inside tabs
Hi, I have problem with jQuery tabs. I have horizontal tabs: ul#tabs and vertical tabs: ul#vtabs. Content divs for horizontal tabs are div#one, div#two, div#three. They are inside div.tab_content. Content divs for vertical tabs are div#vtab1, div#vtab2, div#vtab3. They are inside div.vtab_content. The problem is that when I open the page all 3 horizontal tabs have class active, when I click on the vtab next visit tab2 for example and return to tab1 all vtabs are without active class. Divs inside
Putting Silder Code in a Block
Hello everybody I'm new here and first time posting so go easy on me. ^_^ Super Sized <--- This is the slider with code. Alright here the issue I want to put this slider on my website but as you can see it really big. So I will have to make it smaller so it will fit. I wanted to know how can I make it small but still look good. Like in a PHP block or something with in a portal / CMS system. Now I would like to combine different elements with another slider here down the road but first thing first.
Dynamic Elements
Hi Guys, I'm new to JQuery and Web Development and I was kinda wondering, I can use JQuery to create dynamic elements but my question is that when ever the page is refreshed those dynamically created elements would disappear, so, how do I make, in JQuery, those dynamic elements NOT disappear when ever the page is refreshed???? Thanks moist
[jQuery] Append prepend?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META content="text/html; charset=us-ascii" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.6001.18865"></HEAD> <BODY> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=086013122-12012010>I cant seem to understand the logic behind these functions. append prepend appendTo, prependTo</SPAN></FONT></DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=086013122-12012010></SPAN></FONT> </DIV> <DIV><FONT size=2
[jQuery] Function help
I have this function: $ '#new' .live 'click', addRecord ; function addRecord { var data = $ '#add' .serialize ; $.ajax { type: "post", url: "/manage/add", data: data, dataType: 'json', success: function response { if response.status === true { alert response.status ; } ; } else { alert response.status ; } } } ; } So it works fine but I have this in 5 pages on the site and was wondering how can I turn this into a standard function and call it like: addRecord form_id ; So I only need to place this
[jQuery] Get Value. Please, is kind of urgent. Thanks.
Hello, I have the following on my script: $ document .ready function { if GBrowserIsCompatible { $.getJSON "/Google/Map", Initialise ; } // Initialize Google Map } And in my HTML I have: <input id="Place" name="Place" type="hidden" value="3" /> I want to run the JS code only if GBrowserIsCompatible is defined. If it is and if Place hidden value is not "" then I want to call: $.getJSON "/Google/Map/{hidden_value}", Initialise ; In this case hidden value is 3. If hidden value is "" then just call:
[jQuery] Is treeview plugin using some other plugin for cookie persistence
If so, which plugin is it using? I cannot find anything in docs.
[jQuery] Disable Submit
I have a form i am submitting via Ajax. So after submit while its waiting for response i have my little spinner so user knows something is happening. But how can i disable the submit while its "thinking" waiting for a response so the user is not sitting there clicking submit over and over. Using this for my js as of now; $ '#new_set' .live 'click', addRecord ; function addRecord { var data = $ '#add' .serialize ; $ "#add" .slideToggle 'fast' ; $ '.flash' .prepend '<div class="saving"></div>' ; //$
[jQuery] Learn jQuery in 120 minutes - Arabic book
I have written an Arabic book About jQuery which title is : Learn jQuery in 120 minutes http://www.abokamal.net/jQuery120minute.gif can you support me ?
JQuery, Datepicker, LiveQuery, and AJAX
I have a web page that loads additional pages using AJAX. I'd like to include a couple of Datepicker plugins on one of the pages that the user may select using AJAX. My Datepickers using the code below work fine on non-AJAX pages, but they aren't being bound to the controls if the page is loaded using AJAX. I'm using LiveQuery to try to get the Datepickers to appear on the AJAX-loaded pages. The code for the Datepickers looks like this: $('.date-pick').livequery(function(){ $(this).datepicker({
[jQuery] How to set errorContainer in jQuery validation dynamically?
Can I dynamically set errorContainer in jQuery validation, which means showing different error container base on the button clicked. I have posted question on stackoverflow http://stackoverflow.com/questions/2052200/how-to-set-errorcontainer-in-jquery-validation-dynamically
Simple "pulse" plugin needs closure?
I'm trying to create a very simple plugin to control the pulse (fadeIn()/fadeOut()) effect and use a callback. The pulse itself works, but the callback doesn't. I'm not sure what i'm doing wrong? (function($){ $.fn.pulse = function(options) { return this.each(function(){ var $this = $(this), settings = $.extend({}, $.fn.pulse.defaults, options); $this .fadeIn(settings.speed,function(){ for(var n=settings.count-1; n>=0; n--){ $(this) .fadeOut(settings.speed) .fadeIn(settings.speed,function(){ if(n
[jQuery] simplemodal, want function to run upon $(document).ready
Hello all, I wonder if anyone can shed some light on my problem. I am updating a site that uses the simplemodal plug in http:// www.ericmmartin.com/projects/simplemodal/ to create a lightbox-esque effect when opening included php files. Now then, the plug-in uses a function that is called when the item in the DOM is clicked: $ '#__SELECTED_ELEMENT__:eq 0 ' .click function e { e.preventDefault ; $.get "__FILE.PHP__", function data { $ data .modal { close:
[jQuery] Accessing an objects array from an $.ajax call
Hey everyone I am fairly new to JavaScript and JQuery, so please forgive any obvious errors. I have an object with a member function that changes something on the objects state. This works perfectly fine in the easy case. But when I use an $.ajax call within the function it doesn't work. Here is the example code and failing QUnit tests: http://pastie.org/774900 Thanks in advance Matthias
Help with Selector in JQuery
Pls, in the folowing html tree, i would like to select only the 'dt' whose class be "dtSelected" whose son is 'a' whose class is 'clicked'. After this i would like to apply to this "dt" an other class (i know to do this, but first i need to find out how get it in that context). Here the complete html tree and the element (highlighted) that i want select. ty for help and patience! <dl> <dt> <a onclick="#'" href="E">Aniversariantes</a> </dt> <dt class="dtSelected">
[jQuery] Selecting a value with up down keys
Hi, I'm trying to figure out how to select a value from a list that is filled dynamically using ajax auto suggest . Take a look at the small code: when typing in a name by the keyboard this function is called: function lookup inputString,a { if inputString.length == 0 { // Hide the suggestion box. $ '#suggestions' .hide ; } else { $.post "autoComplete/rpc.php", {queryString: "" inputString ""} , function data { if data.length >1
[jQuery] What software distributes jQuery?
I know that MS Visual Studio 2010 will ship with jQuery. Are there any products that currently distribute jQuery? For instance, Adobe Dreamweaver ships with Adobe's framework, Spry. My inquiry regards an Application Server or an IDE.
jerky animations when using php to create animated content
This is a weird one. I have a page I'm working on, and I made a simple div that slides up to display some content, then slides down, replaces the content and slides back up again. Basically a showy news ticker. When I created the div/animation code it ran fine. smooth as silk. However, I then decided to move that part of the html into a templated system, where some php reads a second file and outputs the contents into the webpage. (real simple stuff, it uses file_get_contents and echo to output
[jQuery] show/hide
Hello, I'm new to javascript and jquery library, I have script running which functions fine only problem I have with it is that I want to close other divs when another is selected, I guess like an accordion style but using the toggle, slide fade-in functions. The problem I have is that once each button that controls the relevant div is clicked once, on subsequent clicks it requires double clicking to show the containing div, where i want a single. I imagine it is a very simple solution but I have
[jQuery] Autocomplete selection blanks out input field
Hi, I have been using the jquery autocomplete plug-in for some time now and find it very useful. Lately I have come across the following problem in one of my JSP pages. The autocomplete suggestions are displayed and formatted properly. But when I select the one that I want, the result briefly appears in the input field and disappears. Simultaneously, the entered result automatically triggers another jquery search. The contents of my JSP page is given below. The same jquery code works perfectly well
[jQuery] Function help
If I understand you write you need to make you own js page and the link that to each page. The you only have the function in one place. <script type="text/javascript" src="js/myjavascript.js"></script> You can place all of your own function in this js page and then call them as you want from the individual page. Or you can have the script called automatically by adding a class that is observed. $ document .ready function { if $ ".addRecord" .length { addRecord ; } } ;
How to reorder images and save the order into database?
I know that there are some really nice jQuery UI. However, I'm really new to jQuery and I need to save the order into a SQL Server database so that next time if the same user comes back to the site, the picture will be in the same order that he/she reordered it previously. Can anyone point me to the best solution on how to get this done? Many thanks in advance!
[jQuery] background-color always returns "transparent"
Hi, I used jQuery 1.3.2 and Firefox for the following html <html> <head> <style type="text/css"> .content .division .category.selected { background: red; } </style> </head> <body> <div class="categories"> <div class="content"> <div class="body"> <ul id="category-list"> <li class="division"> <ul> <li class="category selected"> <div class="title"> <a href="/suv" class="category- suv">SUVs 6 </a> </div> </li> <li class="category category_69564"> <div class="title"> <a href="/4by4" class="category- general">4x4
How to display div one by one (pretty much like a chain)?
Hi, I have a list oF div embedded into one <div id="main"> <div>item 1</div> <div>item 2</div> <div>item 3</div> <div>item 4</div> ... </div> How can i retreive the divs embedded into #main and make them appear one by one (item 1, then the second, then the third, etc...) using jquery? Thanks for your help!
[jQuery] Download file via silent mode
Hallo all. I need to contact a server side component sending some parameters and open on the user browser the dialog box for opening or saving the file. The file that the server side component creates is a PDF. So i create clien side this function that contacts the requested url: executePostAction: function url { if url != undefined { jQuery '<form id="postAction" action="' url '" method=post></form>' .appendTo 'body' ; jQuery "#postAction" .submit .remove ; }
Testing from safari - Windows
Hope this is fixed
[jQuery] getScript - Site does not finish loading?
hi all, as i understand the getScript function should be asyncronous, but when i use it the website won't finish loading in firefox . my code: jQuery document .ready function { function get_url_param name { name = name.replace /[\[]/,"\\\[" .replace /[\]]/,"\\\]" ; var regexS = "[\\?&]" name "= [^&#]* "; var regex = new RegExp regexS ; var results = regex.exec window.location.href ; if results == null return ""; else return results[1]; } function
Next Page