Jquery Effect only runs once, won't repeat
Hi, I'm making a website at http://adc-design.com and I'm trying to create a menu using Jquery 1.3.2. Anyways, if you look at the tabs in my header, they have an effect but it only works once. After I mouse over the same tab a second time, they do not animate. I also have a similar menu at http://adc-design.com/dev/index.html which uses drupal 1.4.2. You may notice the second menu also will fade to a darker gray. If i copy and past that code into my drupal block, it will still only animate one time.
All div's are activated instead of one
I have this code and it starts running when I load the page and when I click the link it opens an popup. My popups are filled with an mail script. When the page is loaded all mails are send before I click on the link to show the popup. $(document).ready(function() { //When you click on a link with class of poplight and the href starts with a # $('a.poplight[href^=#]').live('click', function() { var popID = $(this).attr('rel'); //Get Popup Name var popURL = $(this).attr('href'); //Get Popup
Just a simple question please HELP!!!!
Hi everyone, Please see the code below, I don't know why I can't pass i to image:eq(i); I had a few test already, the results were: alert(i), it gives me a number, alert($("#slider img:eq(i)"));, It gives me a [object object] alert($("#slider img:eq(i)").attr("alt")); It gives me [undefined] :( function setCurrent(i){ i = parseInt(i)+1; alert($("#slider img:eq(i)").attr("alt")); }; Thanks!!!!
Background-position animation problem
Hi, I've used the jquery.bgpos.js script to animate on mouseOver a link background-image position, normally it's supposed to create a slide effect When I put this script in a new page, it works! >> http://dirtyballet.com/TESTING/hover.html, The same script in another page, it doesn't work anymore :$ >> http://dirtyballet.com/TESTING/index-home.html, on my first box (photos/videos) the background-position animation doesn't work as expected. I suppose there's another script in my page that interferes
jquery-ui 1.9m4 and menu
hello, many thanks for jquery ;-) and ui i am new on it and i would like to test and use the new widget Menu. i found a wiki page on it [url]http://wiki.jqueryui.com/w/page/12137997/Menu[/url] but i can't find any example of MenuBar (menubar [E2] number for visual design). Could you provide me some code example for it regards
Textarea expand for future elements
Hey guys, i've been working on this for more than 3 hours and i cant figure it out. I've downloaded this textarea expansion plug in over here http://www.sitepoint.com/blogs/2009/07/29/build-auto-expanding-textarea-1/ and it works. But i am creating a dynamic page that adds textareas after the document is ready and i cant find a way to modify the plug-in so that it will apply to future textareas. I am fairly new to jQuery but i really need help. Thank you so much!
Any jQuery function only to send data to servlet?
Hi. I'm looking for a jquery function that only sends data to Java servlet. jquery.get('url' , {name: "soichi"}) does send the data (in this case, the name) to the servlet. But I want the servlet to create a new HTML page based upon the sent data and to redirect to it. So, maybe I should write in Java, public void doGet(HttpServletRequest req, HttpServletResponse resp) throws IOException { String text = null; text = req.getParameter("name"); resp.setContentType("text/html"); resp.getWriter().print("<html><body><h1>"
Joomla module in superfish menu
I want to have a drop down menu that reveals a menu position in the drop down, not a <li>link</li>. The module has a login / password / registration form. I tried to use a javascript to hide / un-hide but couldn't get the absolute positioning to work. Any Ideas? Thanks, super
change/extend plugin to take json
I am using jquery star plugin and want to know how i can extend it so that it can take json and generate select list for star rating. Now I can go $( 'rating' ).stars({ inputType: "select", captionEl: $caption, callback: function( ui, type, value ){ $.post( 'demo2.php", { rate: value}, function( data ){ } } });but i want to extend this to take json and generate all select list
String to Script
Hi All, This is the first time I am using JQuery for simple script execution. Here is my issue, I am using a charting library for generating the charts. The number of charts and data of the chart is dynamic. So I have generated the chart script on the backend using strings and stored the whole script string in a session variable. I am using struts2 and JSP for the front end. When I retrieve the session variable, it comes out as a string. How can I convert this to a javascript.
Click on transparent margin to be handled as click on page background
How to ensure that a click on a page background image is handled by the bg click handler when the user clicks on the transparent margin of a div in front of the bg image? The div in front of the bg has a separate click handler. The difficulty lies in the fact that the user sees bg around the div (as he is meant to, since the margin is transparent), and when clicking in the margin will expect to get the bg click handler, not the div click handler. The divs, in case it matters, are in fact li elements
Help with first jQuery Slider
Hi. I am a web designer new to jQuery, and I am currently working on designing my first jQuery Content Slider for my website. I currently have what is a basic slideshow: <script type="text/javascript"> $(function(){ $('.slider-content img:gt(0)').hide(); setInterval(function(){ $('.slider-content :first-child').fadeOut() .next('img').fadeIn() .end().appendTo('.slider-content');}, 1000); }); </script> The goal is to make
How to change ID after $.get()
How can I set the ID of a div after doing a $.get(). The point is to make it so that each piece that gets added using this function will have a uniqueID. Everything I try seems to fail, I'm guessing its because the fragment of html that I am appending isn't in the document when i go to search for it. I'm new to jQuery but I'm sure this isn't as hard as it seems. var uniqueCounter = 0; Add('Container.aspx', '#content'); //The default id of div from conatiner.aspx fragment is 'Container.aspx' for
tabletools - need only csv and excel options
Hello, I'm not sure how to get only csv and excel options instead of having all the others... Any idea? Thanks
DatePicker text field not changing to black from gray color (watermark text) (working in chrome, not in firefox)
Hey guys, I'm working on implementing watermark in datepicker text field (JQuery V1.8.9). I have a datepicker field with watermark set (dd/mm/yyyy). Watermark text displaying in gray color. When I select a date, the text field still having the gray color instead of changing to black color. but, when i key in the date and focus out, it's working fine. Also, this is working fine in Chrome but not with Firefox. I'm not sure the exact cause... Any help would be highly appreciated. Thanks
datatable - don't sort a particular row
Hello guys, I've a requirement to sort all the data of a column except some data... like sort only data like 1,2,3 and don't sort 'Add'. Is it possible.... Any help would be really appreciated. Tahnks
Unlimited Accordion Recursion
Trying to set up a function that will recurse though a database and build out several Accordions however at the moment it's not producing any Accordions You can see what i mean via this link http://maskedriders.info/test.php Here are my 2 relevent functions function accordionfill($name, $content){ $echostate = '<div>'; $echostate .= '<h3><a href="#">'.$name.'</a></h3>'; $echostate .= '<div>'.$content.'</div>'; $echostate .= '</div><div>'; return $echostate; };//function function accordionmenu($ParentID,
Creating a new list
I'm trying to create a separate list based on list items that are checked. When I user clicks on a checkbox in the main list, I need to add that item to the second list; likewise when the item is unchecked, remove the item from the second list. I have been tearing my hair out for several days trying to get this to work but just can't quite get there. Here is my HTML: <div class="content"> <h2>Fabric List</h2> <div class="inner"> <div id="fabrics" class="fabric-gallery
Cannot use any of the options except fx
I am trying the cycle plugin and having problems getting any of the options to work, as soon as I put an option after the fx All the images are displayed. I am using Windows XP and have tried the code on both IE and Firefox. I tried several versions of jquery as well as several versions of the plugin without success. Here is the code I am using <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"
Selector question using find
Hi. I cant for the love of god find the correct selector syntax for selecting elements based on their names. Here is the fuzz, i need to select all elements beginning with "video-", the element for example: Here is an example of my xml elements, contained in a variable called xml. <video-270p/> <video-360p/> <video-720p/> This would be my regex approach: ^video\-(\d){0,9}p var video = $j(xml).find(wtf); <- help :)
Tip
I am looking for a plugin that allows me to place a strip of text next to some element anywhere on the screen, that will explain what to do when you first login to a web site. Kinda like those "Sign Here" stickers you see when you sign loan documentation. I would appreciate if someone could point me in the right direction. Thank you
How to use jquery's .css to increase position left??
Hi, I want to use the .css of jquery to take lets say 5 buttons css position absolute left value. I want increase this value. So it will move the buttons to the right. I have a button that when clicked that it will run this jquery code. Where the 5 buttons moves to the right. I want to do this all at ones. In otherwords I want to put $("#1_button,#2_button,#3_button").css("left": function (value) { code to increase left position value}); I want to do something like that. Is it possible? and
Bug report: jQuery.Form error when ajax error happen
I used version is jQuery: 1.5.1 jQuery.Form: 2.63 When the form submit ajax error happened (like the server resported over time), Firefox will report err: jquery.form-2.63.js line 378: s.error is undefined
Error message in IE8, functional in Firefox.
Simple routine to fadeOut a <div>, change the src in the <img> tag and text in the header, and then fadeIn the <div>. Works fine in Firefox, receive this error in IE8. New to Jquery, not sure where to look for a solution. Message: Unexpected call to method or property access. Line: 16 Char: 66797 Code: 0 URI: http://www.broncosoccer.com/jquery/jquery1.5.1.js $(document).ready(function () { // EXPANDED IMAGE DISPLAY // $(".imagePanel").mouseover( function () { var playerName
Drop a record - request to a php script
Hello, i have a table with data records. Now i want to set a link to remove a record in the database. I want to this with a ajax request, because the url should not shown in the browser url-field. Have anyone a hint?
Check a checkbox when textarea is typed in
I think I have what is a simple question: I would like a checkbox to be checked if it is not already when a user types in the text area beside it. Form layout is demo'd below. <table> <tr> <td><input type="checkbox" name="box[1]" value = "x"></td> <td><textarea name="area[1]"></textarea></td> </tr> <tr> <td><input type="checkbox" name="box[2]" value = "y"></td> <td><textarea name="area[2]"></textarea></td> </tr> </table> Shouldn't
suggestion for FAQ and/or Set up section
I suggest that the jQuery FAQ section have a Q&A with details about setting up the script tags to get jQuery working via CDNs. The code download info seems OK, though I haven't used it, but I want to use a CDN because I don't have to update jQuery during a long development cycle. The CDN does it for me. Current information on the jQuery site says CDNs exist, but doesn't describe how to put the script on a page. This instruction should be in the FAQ and/or the Set Up section, and should be in
CrossSlide - Can't get it to show images
First up: I'm very new to using jQuery. I've been trying to implement the CrossSlide plug-in on a new site I'm building. This is the code I have in the <head>: <style type="text/css"> <!-- #cross { height: 500px; width: 860px; display:block; } --> </style> <script type="text/javascript" src="css-js/jquery-1.5.1.min.js"></script> <script type="text/javascript" src="css-js/jquery.cross-slide.min.js"></script> <script> $(document).ready(function() { $('#cross').crossSlide({ sleep:
Combining jQuery with other plugins.
Ok, so I have 2 scripts. 1. On/Off iPhone switcher 2. Stylesheet changer using jQuery I want to combine these 2 plugins into one, my main idea was: when you switch to ON(day) on iPhone switcher.. the Day Theme would appear (day.css) and when you switch to OFF(night) on the switch the Night Theme would appear (night.css) . And also, can I set the themes to change automatically depending on the GMT using these 2 plugins? 7AM to 6.59PM Day Theme 7PM to 6.59AM Night Theme Or this would involve PHP? http://vlad.dyndns.org/1/
JQuery Ajax post not working on Mac (Safari and Firefox)
Hi! My website has a JQuery dialog with a textarea where the user can type a text and submit. The submit is an ajax request to the server. This is the code: $('#textEdit').dialog({ show: 'fade', hide: 'fade', autoOpen: false, modal: true, resizable: false, closeOnEscape: true, width: 520, height: 310, buttons: { "Update Content": function() { var newText = encodeURIComponent(getRichTextContent()); var url = "../../adminnew/updateText.php"; var pageNumber = document.getElementById('currentPage').value;
$.getJSON content type?
Hi, I a writing an application using jQuery talking to a spring MVC backend. I've set the controller up to return JSON by using the @ResponseBody annotation in my controller. This works by looking at the content-type to determine the output. It means I can just return a POJO and spring will automagically convert to JSON. My problem is it doesn't work with $.getJson. This procedure looks like this in jQuery 1.4.4. getJSON: function( url, data, callback ) { return jQuery.get(url, data, callback,
jQM select menu fires change event when the same value is selected
In 1.0a3, I've found that a <select> menu fires the change event even when the user selects the old (current) value. However, this only happens in styled select menus; if data-native-menu is set to true, then only modified values trigger a change event. Is this difference in behavior by design?
Tablet support in jQuery Mobile
Is jQuery mobile supported on tablets? Does the UI get modified for the browsers in tablets? Or does anyone know when it will be supported on other forms such as tablets?
jQuery Mobile stylesheet not applied to HTML snippet inserted into document
I am trying to insert a simple 4-column grid using the Layout Grids (http://jquerymobile.com/test/docs/content/content-grids.html) sample. My grid displays as a plain vanilla HTML list. The jQuery mobile stylesheet is not applied. If I recreate the page as static HTML (see example copied below) and load it into a browser, the styles are applied. This leads me to conclude that HTML nodes inserted after the initial page load do not have styles applied to them despite having the required CSS class tags.
Simulate adding a draggable to a sortable programatically
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" id="d2">Item
Unwanted white color on cycle
Iam using the jquery cycle. Iam using two slideshows on the same page. Works fine. Now I want to overlap the slideshows at top of each other. Works fine in all browsers exept ie. See in Firefox how it's meant and see in IE whats wrong. I thought the problem occured becuse of the same z-indexes the "jquery.cycle.all.js" is sending to the image wrappers. So the images will be (in the overlapping part) knocked out or something like that. Anyone able to solve?
jQuery to connecto to DB and get field and display in Div
I have a php select box that is populated from a mysql query. What i require is when an option is selected, i want it to contact the mysql database and get 2 fields, displaying on of them and storing the other is a session object in php. I have searched the web and found this can be done with JSON. What I have so far? jQuery: <script language="javascript"> function populateTypeOfCover() { <?php echo "var TypeOfCoverID = ".$_SESSION["TypeOfCoverID"]; ?> $.getJSON('/client.add.contract_json.php', {manufacture:$('#typeofcover_field').val()},
Cannot get a success message to display after form is sent (after validation).
A website I'm designing – vgdesign.net/thc – has a form in the footer. It functions how I want right now (to my knowledge) except for the fact that after a user submits a form and it passes validation, I want a message to be displayed that says "Thank You". I have a class created for this in my stylesheet but I don't know how to trigger it when the form is sent successfully. Essentially, I would like the result to look like this: If the form doesn't pass validation, I want it to not display until
UI Autocomplete combobox
I have a form that uses the autocomplete combobox for 3 different selects. Two of the selects look good but for one the input and button do not exactly line up - the input is 1or 2 pixels taller than the button. This happens in both FireFox 3.6x and IE 8. You can see the behavior on the combobox demo page, http://jqueryui.com/demos/autocomplete/#combobox. Any ideas why this happens and if there is a way to at least have them display consistently.
Why is jquery mobile so slow?
When I use jqtouch is better in speed than jquery mobile... ...I use Android 2.1
Next Page