Using two jQuery plugins in one html document... Am I missing something?
Hi there I want to use two jQuery plugins on one html page. I have got each plugin to work when only one plugin is included, but only one works when both are included. The two plugins in question are Lightbox and the Cycle Lite plugin. Code in header: <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript"
color change problem
Hi, Just starting working with UI, and having a problem integrating that with other scripts. edit// Thinks: maybe I didn't download that capability... edit// dowloaded more of UI, working ok now.
How do I execute a function inside JSON?
Hello all, I'm having a hard time executing a function inside JSON. JSON code: var lsmsValidate = { 'rules' : [ { 'alias' : 'required', } ], 'messages' : [ { 'alias' : 'Please type an alias!' } ], 'errorPlacement' :
JQuery Cross-Frame Drop Down Navigation Menu Script
I'm not sure if I'm posting this to the wrong forum but I'm new to JQuery and I wondered if anyone could point me in the right direction of a good JQuery script for doing cross-frame navigation? Thanks!
using dblclick on a selected paragraph ?
I am using 'selectable' to select an item in a paginated : $("#selectable").selectable(); I'd like to be able to double-click on the the selected element, but it doesn't work : $("p.ui-selected").dblclick( function() { alert("Hello"); } ); here is the html code <div id="user-list"> <div id="selectable" style="display: block;" class="ui-selectable"> <p class="ui-state-default ui-selectee ui-selected"> Isabel </p> </div> </div> any clue ? note :
How to keep a child element visible onmouseout from parent?
I am trying to build this icon driven interface with menu choices. There are two sets of icons. Parents and childs. When a parent is mouse overed, it displays corresponding set of childs wrapped in a <div> tag. I created parent.mouseover and child.mouseover and child.mouseout functions. It works fine, except for one problem. If a parent is hovered, then instead of hovering the child, the mouse is removed from the parent, then the child doesn't disappear - as it should, because there is no mouseout
Link to inactive tab from within active tab content
Hi There, This seems like it should be simple, but I can't seem to get it to work. Any pointers would be greatly appreciated. I have some tabs as per following, all work ok when clicking tabs, however, I can't link to other tabs from within the active tab. Here is the tab code: <div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs"> <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all"> <li class="ui-state-default
XML parsing of server response...
Hi, I try to read data from an XML file called by ajax: function sendFrm(){ $.ajax({ type: "POST", url: "jqueryServer.asp", data: "firstName="+ obj('firstName'), dataType: "xml", success: readXML }); } Ithe server send me this XML: <?xml version='1.0' encoding='ISO-8859-1'?> <root> <vars> <firstName>MyName</firstName> </vars> </root> So I read the XML in this way: function readXML(xml){ $(xml).find('vars').each(function(){
displaying a datepicker on custom button click event
hi i wanted to show a datepicker on a custom click event. i can't use datepicker button or image due to lack of space and certain other restrictions. i have created a custom button with a custom look and feel. i want the click event on this button to trigger datepicker display. i tried to use $("#datepick").datepicker(); but this is merely associating the textfield datepick with datepicker, its not showing it.. rather we have to click on textfield after the button click to show the datepicker.
Where Do I put my html file.
Sorry, I am really bad with java and html, basically any type of progamming period. My friend wrote an html file for me and I am currently trying to add it to my godaddy account. I installed Jquery on my root drive, but I do not know how to access it or where to put it in jquery in order for it to run. I just need to know how to access jquery. like where would i go to put my html file in jquery so it can work on my website.
using a comma in the selector
In the following selector $('a','#buttons') I was under the assumption that the second item restricts the DOM searching of anchors to the #buttons div...is that not correct?
Still hassling with IE6 and show/hide/fadeInOut
Yeah I know, this is getting boring - but it also drives me insane! :-) I have this little test here - far from perfect, I know - but the basic functions are there: - six #test_trigger_x DIVs that work as Trigger for six #test DIVs below with their own class - each trigger fadeOut() all #test DIVs and then fadeIn() #test.objectx Works fine in FF and Safari, in IE6 it's just strange: - first trigger works half and shows #test.object1 but wont hide anything else - second trigger works also half: it
function inside onchange event not firing.
$('#newPrice').change(function() { this.value = this.value.replace(/[^0-9\.]/g,''); checkPrice(); }); function checkPrice () { // any time the contents of the new price input field change check to make sure it's a valid change.' alert('Checking Price'); } Ok, so the above code will do the regex when the contents of the textbox changes, but it does not seem to call the checkPrice function
ajax calls works, but only on second try
I'm trying to use the jqmodal dialog plugin and everything is working OK except for one minor problem. It seems when I click on the link, the expected action does not occur until I click the second time. Essentially I set up a small test form with a single line put into a table. In that data line is an href, which when clicked calls an AJAX function and returns text, which displays as a dialog. Like I said, this works fine except for the fact that the dialog does not show until the second time
Using a text link to submit a form
Hi I want to use a text link to submit a form and get the POST values instead of an ugly submit button which is difficult to style. I thought it would be simple but I can't do it - whats the problem with this .js? <script> $(document).ready(function() { $('#link1').click(function() { $('#form1').submit(); }); }); </script> Thanks Steven
Add/Remove Control
I have been simple jquery to add property to div. So I want to remove that property from the div again, but i doesn't work. This is my code to add the property = "jQuery('#add_lokasi').click(function() { var jlh = 1; jlh++; $('<div class="venue">Test '+jlh+'. <input type="text" id="venue_name_'+jlh+'" name="venue_name_'+jlh+'"> Venue '+jlh+'. <textarea id="desc_'+jlh+'" name="desc_'+jlh+'" rows="15" cols="80"> </textarea> <input type="text" id="max_available_'+jlh+'" name="max_available_'+jlh+'"
jQuery tree
Hi, I would like to ask if jquery can be used for a standalone java project. I'd like to use its class for Binary tree display on horizontal mode. Its the requirement of the client. Or if its not usable for standalone java projects, can you suggest class to display Binary Tree (not JTree since its vertical). Thanks much for answering....
how to elapse time
I have an icon and a mouseout jQuery function to handle that. On mouse out, i want to hide it, but not right away. I want to wait like 2/3 seconds. How can I do that? I used a loop, but I get IE messagebox pop up saying a script is running...bla bla bla. Any ideas? Thanks.
addClass and removeClass works but changes are not seen by jQuery functions.
Hello! I'm building a gallery and i have a couple of thumbnails. There is always 1 active thumbnail (opacity 100%) of the showing image and several inactive thumbnails (opacity 50%). I've build some functions to catch clicks for those functions: $(document).ready(function() { $(".galleryinactivethumb").click(function(){ $(".galleryactivethumb").removeClass('galleryactivethumb').addClass('galleryinactivethumb'); $(this).removeClass('galleryinactivethumb').addClass('galleryactivethumb'); alert("inactive
i just need to implement a simple auto click
hi, just a simple question, when a users on a certain part of my page I would an autoclick every interval, such as 60 seconds, or 100 seconds. the part of the page can be a div, or can be between certain co-ordinates. what script produces autoclicking every minute? Thanks for any help
Fade onload.. bit harder than it sounds :)
Hi everybody. I need to be steered in the direction for this project and came here for some help. picture this:a grid (10 x 10) of 50px by 50px pictures. [thats 100 images] The rest of the web page loads fully before these images start loading (so the user isnt waiting for ever if they have slow internet) Then the 1st image loads and fades in. Once the 1st image has finished its fade animation (or even half way through if thats possible?) the second image loads and fades in.. this continues untill
how to select which doesn't has any input child
<!DOCTYPE html> <html> <head> <script src="js/jquery-1.4.2.min.js"></script> </head> <body> <table width="100%" border="1"> <thead> </thead> <tbody> <tr> <td> <input type="checkbox" id="del[]" value="1"> </td> <td>alert</td> <td>alert</td> </tr> <tr> <td> <input type="checkbox" id="del[]" value="2"> </td> <td>alert</td> <td>alert</td> </tr> </tbody> <tfoot> </tfoot> </table> </body> <script> $('tbody > tr > td').not(children('input')).click(function() { alert('Doesn't has an input child!'); });
Click and Clickoutside question
Hello all, A total newbie to jQuery though loving it already. I am working on a dropdown menu provided to us by a company. However, the problem with this menu is that once I click on it, it displays the scope list, but I have to click on the same dropdown menu to close it without selecting any value. I want the menu to hide if I click anywhere else as well, except for menu entries. I am trying to use clickoutside event for this purpose but it is not working as I would like it to. Here is the code.
Fade in, Fade Out, Redirect and flickering....
Hi I'm very new to jQuery and need some help! Problem #1 I have a splash page which I want to fade in, wait for 3 seconds before fading out and then redirecting to the homepage. I've managed to get it to fade in and out onclick, but I want it to happen automatically after 3 seconds regardless of what the user does. Problem #2 Using the same script I have working for the splash page, I've got all my other pages to fade in and out as I navigate around the site. Unfortunately, I sometimes get a flash
$document not defined
Hi All, I am getting $document.ready(function() not defined in the firebug console. I have seen that in most cases this is caused when the jQuery core is missing or the path is invalid. I do not believe this is the problem in my case becuase firebug shows the code as being loaded successfully and it is readable. I have the following scripts in my head; <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery.validate.js"></script>
draggable
Hi, I've developed a simple site using a combination of html, javascript w/ jquery, and php. I have a menu, which in html consists of a series of forms, each of which contains an input button, so basically: <form><input type="button" value="a"></input></form> <form><input type="button" value="b"></input></form> I want to be able to enable the user to move individual buttons to new locations in the menu (and have this action call some other code). I found the "draggable" class, and was hoping to be
mouseover, mouseout question
Hi, i am new to jquery and have a problem to solve. Below is the query i am using, which at the moment displays a menu when you hover over the links. To close the menus i have to hover over the "default" value as the menu stays open. I need to close the menu when user hovers out from the link - so open on mouseover and close on mouseout. Hope tha makes sense $(document).ready(function(){ $(".menu > li").mouseover(function(e){ switch(e.target.id){ case "default":
AJAX(), returning bool value out of success
I have a function to check my db for existing email addresses. I'm having problems trying to figure out how to get a boolean value out of the success function. I know that "exist" is out of scope, so that value can never be true. Any hints? function checkExistingEmail(obj) { var exists = false; $.ajax({ type: "POST", url: "CheckExistingEmailAddress.php", data: {check: obj.val()}, success: function(msg){
Using $.post within ASP.NET MVC
Using $.post on an ASP.NET MVC, it posts the value I want to the server but the "Linq to SQL" doesn't work at the ASP.NET MVC code for the controller to save the data on the database, reporting a problem; if I posted it without the $.post but with the regular form post, the "Linq to SQL" works, thanks guys for any help on this issue.
Swap Images In A Sequence
I'm a jQuery novice to say the least so please bear with me here. I need to swap out some images in a timed sequence. I found a tutorial online which kind of does what I need. Here is the code: function swapImagesMaps(){ var $active = $('#maps .active'); var $next = ($('#maps .active').next().length > 0) ? $('#maps .active').next() : $('#maps img:first'); $active.fadeOut(function(){ $active.removeClass('active'); $next.fadeIn().addClass('active'); }); } setInterval('swapImagesMaps()',
slideUp() function doesn't work at onunload event - What is a problem?
Hi, I have some problem with onunload where I want slideUp my menu when I go out form site. I have the slideDown function fire at body onload and this function work properly. but the slideUp() at onunload not. Could anyone have any idea? My code: $(window).unload(function() { $('#menuContent1').slideUp(); alert('Handler for .unload() called.'); });and even the alert work. Only the jQuery slideUp not working.
document.ready() and variable scope
Hi, I don't yet understand some simple javascript / jquery basics: <head> <script language="javascript" type="text/javascript" src="jquery.js"></script> <script> var h = 11; $(document).ready(function() { h = $(window).height(); alert(h); }); </script> </head> <body> <script> alert(h); </script> First I get the alert h=11 and only after that the value from $(window).height(), meaning I don't have the value of that height() available in the scripts in the body; What am I doing wrong? Similar,
jQuery and IE 8
This code works in FF and Chrome but doesn't work in IE 8. Any ideas? $(document).ready( function() { $.ajax({ type: 'GET', url: 'index.php?module=hi_Products&action=getProductLines', success: function(o) { var options = ''; var j = eval(o); for (var i = 0; i < j.length; i++) { options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>'; }
A question regarding bypassing quotation marks in javascript
Hello guys, I am trying to do a gallery here. I am using jQuery to create a div, where the images would be displayed, use the predefined info on array to loop through using for each command and then write images to the stage and generate dynamic listeners and functions for each image. I am, however, unable to get id's from displayed pictures. I tried bypassing quotation marks, but nothing sensible came up. I've been stuck here for the past few days. Hopefully it doesn't sound very silly to you. index.html:
Event bubble question
Hi, I have a bit of a strange problem. I have a level 1 nav tab, when moused, this shows a sub nav "div". The sub nav div contains anchor refs. My code stipulates that when the mouse moves out of the sub nav div that it will fade out. Problem is though that it also fades out when I mouse over one of the anchor refs on the sub nav div. From my limited knowledge I can deduce that moving over the anchor ref is effectively causing the event to fire due to the mouse moving out of the sub nav div.
Very first jQuery application
I'm playing with jQuery for the first time. This is what I have developed so far. http://www.ilsweb.com/games/demographics.html I'm seeking guidance and experience, so that when I have completed this exercise, experienced jQuery developers won't feel like this looking at my code - http://imgs.xkcd.com/comics/workaround.png Question 1: Is there a better way to directly bind fields together? So that as soon as field A or field B changes, field C which is A * B updates, even when field A or B is updated
Trigger fade out function when clicking alert message
Dear All, I'm newbie to JQuery. I am currently doing a fadein and fadeout function using jquery. When I click on a <a>, the page will fade in. There is an alert message (which is the javascript alert()) prompt out on the page once the page fade in. However, I want to fade out the page when I click the "OK" in the alert message. Is this possible? I've tried but cannot success.. $('alert').click( function(){ $('#fade , .popup_block').fadeOut(function() { $('#fade, a.close').remove();
cannot focus on input field
Using accordion, latest jquery + jquery ui This properly set the input value to 'testval' ("#container_"+id+" input:last").val('testval'); But this does nothing: ("#container_"+id+" input:last").focus(); Both events are triggered within same function .click() PS.This is accordion, on click section name I want to focus on last input field within that section
Superfish - Menu Spacing
Hi all, i'm new to JQuery and i'm trying to properly style my superfish menu that i have on a wordpress site i'm building. For those of you who don't know what superfish is, its an improvement over the older suckerfish. Heres a link http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started Anyway, i want to add spacing in between my individual menu elements/buttons to spread them out across the empty space on my navbar. Here is the site in question http://www.sweetalmondevents.com and here
Re: Problem with formatting jQuery slider code into HTML
Hi all, I have created my own jQuery slider from this tutorial: http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html I have all the relevent coded files and images in one root directory and the slider works when I test the index file. However I need to know how to include my slider into my homepage. I have tried pastingf the html and script codes into the body of the homepage and linking to the jquery and .js file in the head tag and making sure everything is linked up properly,
Next Page