Jquery calling Second?
Hello, I have a very simple question that after looking through the API of jQuery and through this forum, I"m a bit stuck on... I'm trying to target the second element of a ul based menu. I have code that works for the first. This basically opens a sub ul menu on page load. I want the second to load on another page. HTML Example: noaccordion : no accordion functionality collapsible : menu works like an accordion but can be fully collapsed expandfirst : first menu item expanded at page load <ul id="menu1"
Using Isotope with Wordpress
Hello there, I'm trying to get isotope up and running on my Wordpress site. Isotope works fine on its own: http://bit.ly/hklkK1 But for some reason, which I can't quite fathom, it doesn't work in Wordpress: http://bit.ly/hG5yTG Does anyone have any idea what I'm doing wrong? Thanks all, Russ
.ajax and xml
I am using a form to build up some xml that gets post off to php for handling. I am bring in an empty xml template into a textarea ( display:none ) and attempting to update some of the node values based on values from the form. The issue is I cannot update the text for the discription node and have the updated version passed to the ajax post. <form id="form1"> <input type="text" id="description" class="required"> <textarea id="siteData"><work><description></description></work></textarea> </form>
jQuery Cycle Plugin not easing even with Easing Plugin
I have been wracking my brain forever trying to get just easing to work. It has not worked and even copying it straight from their website has not worked. jQuery is being loaded before the cycle as well as the Easing Plugin. I do have the css tags correct, there are no typos. I looked around, apparently there are 50 different ways to type ease and 50 different ways to type bounceout. I've tried nearly everything I could think of and it's just not easing. I put the term 'easing' in instead of easeIn
Dynamic form field generation
What I'm trying to do here is to create an editing form based upon the field descriptions extracted from a database, and use jQuery (e.g., datepicker) to handle the input. So, using the datepicker example, I create an input item, make it a 'text' type, give it a name and an id, and then use $('#'+textfld.id).datepicker({ ... }) to set it up. This is NOT done at $document.ready time, but while running the form's JavaScript, so I don't know if that's the problem or not; I can't see how to use $document.ready
Validation Plugin - newbie help please
This is really simple but I am a clone when it comes to regex. I need a simple method for validating that a name field contains at lease two names. In otherwords, I need to check for the existence of a space character. This is pretty standard for name-on-credit-card fields as cc processors require two fields but most forms just have a single input field called name on card. Any help is greatly appreciated.
Sortables without the mouse (i.e. via callbacks)
I downloaded the full jQuery UI bundle and played around extensively with the demos. One thing that interested me was Sortables, though all the demos only provide a mouse interface. Is there a way to use Sortables via commands? Like instead of clicking and dragging a sortable, you create an input button and when pressed it rearranges the stack? Any brief example would be appreciated greatly. I'll continue looking into it myself in the mean time. Thanks in advance!
use of cycle.js in background
I'm a kind of newby using jQuery but have the following question. I'm using cycle.js to show fading background images behind a nav-bar. You can see it working at http://www.shiatsu-joyfarmer.com. This is a wordpress website and I included the cycle.js hardcoded. Now everytime I click a menu-item the cycle starts over again. Is there a variable or technique I can use to prevent this?
How to remove jquery tools: apple overlay effect and use jquery's default fadeIn?
Hi there, I am currently using jQuery tools plugin to show a div on a triggerd event. Only I want to remove this plugin and use jQuery's default fadeIn function. Only I don't get it to work... The jquery tools code: $(document).bind("game_over.overlay", function(){ if ( $('#lost_overlay_trigger').data("overlay") ){ $('#lost_overlay_trigger').data("overlay").load(); } else { $('#lost_overlay_trigger').overlay({ effect: 'apple',
JQuery dialog .dialog is not a function unique situation
The situation I have is unique to one of the pages I'm working with. I have a dialog that loads a page into a modal dialog window. The page loads fine, and displays data. When I close that dialog window, and click on another link that would use the same dialog I get the .dialog is not a function issue. I have found that the reason for this is that the page that gets loaded into the dialog window includes the javascript libraries for jmesa (which uses jquery). If I remove the references to the
How to refresh a page with a transition effect ?
Hello everyone, I have a single html file called "refresh-with-transition.html". This html file is made of a single inner page called "template". This "template" page is made of buttons. Those buttons link the page itself : while reloading the page I would like a transition effect to occur. Why ? That's because the content of the page is suposed to be updated while refreshing. I say supposed because I am not focused on this update part so far but only struggling with the transitions See my (unsuccessful)
Brand new to jQuery, need help with code
Hey everyone! I'm brand new to jQuery, I've been trying to learn the basics for a few days now. I wrote my first code to make a box show, hide and toggle (could someone please explain to me what the difference is between toggle and hide?) I've got basic jQuery down, so I decided to add some CSS in there. I'm confused lol :) <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script type="text/javascript" src="jquery.js"> $(document).ready() {
Problem about add attribute to tag
Hi all I am using JQuery library to build may website. I need add a attribute to tag and we can control the order of this attribute. Example: I want to add wmode attribute before height attribute. I use code below: $('embed').attr('wmode', 'transparent'); and this is result: <embed height="300" width="300" allowfullscreen="true" allowscriptaccess="always" wmode="transparent"> If anyone has experencies about this problem. Please help me!!!
Need plugin for dependent select elements
I need to find a plugin to have dependent select form elements. I tried to find one on my own, but: there are 95 pages of plugins under forms, they didn't seem to be in any order, for the first two that seemed right - the project/demo page could not be found or didn't load! So I'm hoping I can get a link here to a plugin. I need three levels, and the values in the third one are based on the values chosen in both the first and second ones. Thanks for any help!
Redirecting to Login page on 401 using tabs
How would I catch a 401 response using tabs, to redirect to my login page (i.e. after a session timeout). My current code is: $(document).ready(function() { $("#tabs").tabs(); }); Thanks in advance, ripnet
Image alignment
Can anyone please let me know how to place the image next to the textbox? For me it appears below the textboxes. Please check the attached image. Hope you can help me. Thanks
How would jquery detect numeric keys?
Im trying to update totals as line items amounts are being entered. How would I detect numeric keys?
Quick help?? Using jQuery magnify effect.
I am new to jQuery. I am using http://www.huydinh.co.uk/demo/magnifier/ I am making http://johnhalldesigns.com/Product/A-16Cupboard.html Trying to make a thumbnail in .js that only reduces the image by 50% of size, then as mouse over it increases it to original size. Any help is appreciated, below I think is the code that needs changing. Mike if (this.width() > this.height()) { this.height (this.height() / (this.width() / thumbContainer.width())).width(thumbContainer.width()).css({ bottom:0 }); }
I got issue that jquery object is null and i am unable to call function ..Plz check the below code and Can anybody help to to solve the Problem
<html> <head> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.min.js"></script> <!--<script type="text/javascript" src="js/sPlusRatings.js"></script> --> <link href="sPlusMenu.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $(document).ready(function() { $(".CheckBoxGraphClass").change(function(){ if($(this).is(":checked")){ $(this).next("label").addClass("LabelSelected");
Creating an XML packet
Hi everyone, newbie here I have the following code snippett in a function. Its purpose is to create an xml packet to send back to the server. The commented out section does not work. How do I create the packet so that I can put 'joErrList.xml' into my server call? Thank you for you comments. var joErrNode; var joErrList = oData.createElement("jErrorList"); var myRows = $("#oErrorsList tbody tr"); myRows.each(function(tr) {alert(this.id); alert(this.fkProjectID); alert($('td input[type=checkbox]',
Need Help with hide() function
Within a page I have a nested div surrounding two select boxes, and a select box above it: <select......> </select> <div id="span_14u_roster"> .....two select boxes and other tags </div>I want to hide everything in the div until the user makes a selection in the select box above it. I wrote this jquery code: $(document).ready(function(){ // first, blank the two roster selection boxes until // the user selects a team. $('#span_14u_roster').hide(); });However, when I load the page, the
[jQuery] JavaScript not executing from external html files from Ajax call into Div
Hello, This is my first message and I am extremely new to jQuery. I am using Ajax to call external html pages into a div in my site. I have three external html forms which uses JavaScript and one .pl file. When I call these pages, the html pages are being rendered correctly but the JavaScript and .pl file (form post) is not being executed. Any ideas on how to resolve? Any assistance/help would be appreciated. Thanks in advance. - Andrus
Problem with closures
Hi there folks, started developing a jquery widget which takes all form elements and turns them into jquery style elements. When I trigger mousenter (line 8-11) and after that blur (line12-15), variable "hover123123" (chose stupid name to make sure i don't use it anywhere) in blur event doesn't change (stays false). However if I uncomment line 1 and comment line 7 (define hover123123 as global) it changes. Any thoughts on why my variable doesn't change when it's a local variable? Thx in advance Here
Using .ajax to call web service
I have a web service that returns an array. Code is below: Data variable comes back as blank. I was wonder is that because the method returns an object or am I doing something wrong on my end. $.ajax({ url: "http://FindStreetNameForAllLocalities", data: "{ 'PartialStreetName': '" + request.term + "' }", dataType: "json", type: "POST", contentType: "application/json; charset=utf-8", success: function(data) { if (data == null) { alert( "nothing.");
mobile.changePage to nextPage?
How do I change the code below to swipe to the next page/DIV w/o having to write the script for every page change? Ive tried this (@botton) but it moves to every other DIV id <script type="text/javascript"> $('div').live("swipeleft", function(){ $.mobile.changePage("#pg2", "slide", false, true); }); $('div').live("swiperight", function(){ $.mobile.changePage("#pg1", "slide", true, true); }); </script>
[SOLVED] Validate Plugin problem
http://plugins.jquery.com/project/validate Got this form: <form class="cmxform" id="commentForm" action="contact.php" method="post"> <input type="hidden" name="mode" value="send"> <table border=0 cellpadding=5 cellspacing=3> <tr> <td colspan="2"> <em>*</em>denotes required field </td> </tr> <tr> <td><label for="cname">Your Name:</label></td> <td><em>*</em><input id="cname" name="name" size="25" class="required" minlength="2" value=""/></td> </tr>
Dialog with a changePage call
I have a search button on my pages that the user can click anytime. I POP a model dialog box collecting their search parms. When the click the search button on the dialog, my function calls $('.ui-dialog').dialog('close'); $.mobile.changePage( "#search-page", "pop" ); this code works correctly but the screens transitions are strange, First the dialog box is removed and the original page is shown, then the POP of the search-page is shown. If I remove the dialog(close) call, the transaction
mobile safari/chrome dynamic html render issue
hi! i am developing twitter mobile app. 1. http://m.allcomelabs.com/wap/w.0.0.3/ 2. click [t connect] 3. log in 4. select gift 5. click [continue] 6. problem here friends should be load, but not loading. it's loading in opera mini browser all_in_js.js 472/473 line thanx.
$(object).css('key','value') is not updating
EDIT: I've updated to 1.5.1 - the error persists. I'm using jQuery 1.3.4 right now, and I have the problem where .css is not updating the style information of two items: The code below produces the underlined lines of output. The red parts show where I expect my calls to .css to update the values, and I do not see updated values. I've added '//FAIL' after the lines that aren't doing what I expect them to do, and also highlighted them in red. Anyone have an idea what I might be doing wrong, or what
Tabs with custom effect
Hello everybody, I found out how I can apply a fade in and out effect or a slide effect, if I activate another tab or on rotation. But my problem is, I like to slide out from right to left (what is working) and slide in the new tab also from right to left (but it slides in from left to right). How can I change this? The direction option is ignored: $( "#slideshow" ).tabs({ fx: [{width:"hide", duration:"normal", direction:"left"}, {width:"show", duration:"normal", direction:"right||left will be ignored"}]
jquery slider (browser problems)
Hi, the last days i created a jquery slider. I've tested it in serveral browser and realize, that in firefox there is a little problem 1. First you can download the file below to see my problem 2. Start it with firefox 3. Hover over the first tab and then hover over the second tab What happened: In my firefox it jumps to the third tab, why? In other browser it works very well....but not in firefox. The second thing I'd like to ask is the following: The sliding effect seems a little pumpy in some
jQuery autocomplete
Hi, I'm using jQuery 1.3.2 and jQuery UI 1.8.10. I want to try autocomplete, but this far I only succeeded with local data. When I tried to use PHP as source, I failed to get any result. The php code receives the typed text in $_GET["term"], but the returned JSON data is not displayed. The code looks like this: <head> ... <script type="text/javascript"> jQuery(document).ready(function(){ var data = ["alpha", "auto", "auto1", "auto2", "auto3", "beta"]; //this worked jQuery("#city_id").autocomplete({
IE Dialog not firing the first time
I'm having a strange issue with using the Dialog UI in IE. I have click handlers set up for imgs on a page that utilize Dialog to display the full size image when they are clicked. So, I use a placeholder div at the bottom of the page that gets updated with the img src and then .dialog() is called on that div. Everything works fine in FF, Chrome, Safari, but in IE it seems that on the first click, the placeholder div updates, but no dialog. Subsequent clicks fire the dialog, but then the title
Autocomplete with thousands entries
I All, I'm trying to use the UI autocomplete toghether with a php page that retreives thousands of entries from a Mysql database (about 20.000). My problem: when I write something in the input field, I often obtain a script timeout and the autocomplete doesn't work. Has anybody a working example with mysql to post here? Thank you Here the code I'm using: In the page with the form: <link type="text/css" rel="stylesheet" media="all" href="jquery/css/ui-lightness/jquery-ui-1.8.10.custom.css" /> <script
How to get the Text() of different divs
Hello jQuery Community, my name is Ricardo, I'm from Perú and I'm starting to study javascript and jQuery... I have this case: 1) There are 3 divs, each div contains "an <h2> tag" and "an input class='button' ". 2) I want an alert that displays the text in the h2, when I click the Input contained within its div parent. <body> <div> <h2>I'm First!</h2> <input type="button" class="button" value="First Button" /> </div> <div> <h2>I'm Second!</h2> <input type="button"
Retaining state in each tab?
Hi I can build an app with a tab bar at the bottom of the page, but each tab of the app always starts from the beginning when I click it. In a full app, after I've drilled in a few screens in one tab, I can switch to another tab and switch back, returning where I left off. Is there a way to get this behavior in jqm? Do I need to somehow rewrite the links in the tab bar? Brad
jquery sg video
var myVideo = { 'ogg': (source + '.ogv'), 'h264': (source + '.m4v'), 'webm': (source + '.webm'), 'swf': (source + '.swf') } var options = { width: ($('#content').height() * .75) * 1.11111, height: $('#content').height() * .75 } $('#videoContainer').video(myVideo,options); Having issues with the video plugin for jQuery. This works great for Chrome but not Safari or Firefox. In Firefox it just shows up as a grey box with a light grey 'X' in the middle, and in Safari as nothing. I'm guessing it's
$.post Issue
Hi everyone. :) I'm relatively new to JQuery and Ajax, so am having some issues with using $.post(). I've had a look at some of the tutorials and documentation here, but none have really helped me with this issue. I'm trying to use radio buttons to select a banner (for my online game). Upon selecting one, I would like the image to fade in below the buttons so the player can preview it before setting it as their preferred banner. My code is below: <?php include_once(DIRNAME(__FILE__) ."/globals.php");
Jquery Version Conflict
<head> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jtip.js"></script> </head> <body> <!-- Slider Content --> <script type="text/javascript" src="js/jquery1.js"></script> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <script type="text/javascript"> $(function() { <!-- Function parameters --> }); </script> <div class="container">
Programatically adding a draggable to a list of sortable
Hi All, How to add a draggable to sortable programatically ? <script> $(function() { $( "#sortable" ).sortable({ revert: true }); }); $(document).ready(function() { setTimeout(add(), 3000); }); function add(){ var $obj = $( "<li class='ui-state-default' id='d7' >Item 7</li>" ); $obj.draggable({ connectToSortable: "#sortable" }); $obj.appendTo($('#sortable')); } </script> </head> <body> <ul id="sortable"> <li class="ui-state-default" id="d1" >Item 1</li> <li class="ui-state-default"
Next Page