toggle works only once
hello, I am new with jquery. I tried to crate a toggle for change the display of the html from bright to dark when the user want to watcha video. I am doing it by clicking on an image which change when the lights are on and off. It works fine without jquery but later I wanted to add an fade effect show I change the code using jquery but the problem is that works only once (load the age with lights on, click=lights off, click again=lights on, click again=nothing). Can anyone tell me what wring? here
problem with hiding "dr player" in Mozilla
Hello, I am making a web page using "dr player" plug in. I am trying to hide the playlist without stopping the music. I have tried the following script: $(document).ready(function() { $('#menu_blog').click(function(){ $('#blog').show(); $('#playlist').hide(); }); return false; }); which hides the playlist, but stops the music, in Mozilla, Chrome, and IE The following script works well in Chrome and IE - it hides the playlist and the music keeps on going, and
SlideUp("slow") and SlideDown("slow") happening instantly?
When using slideUp and slideDown I'm getting something that looks more like a hide/show in all browsers. Can't seem to figure out what I'm doing wrong. Here's the code I'm running. I tried to nuke the opacity stuff...but that doesn't seem to have any effect. Ideas? // script $('.head-menu-container').click(function () { $('.menu-list-container').slideDown("slow"); }); // css and html .menu-list-container { display: none; background: #454545; opacity: 0.8; filter: alpha(opacity=80); min-width: 272px;
Jquery getting killed by jquery.
Here are two bits of scripts I'm useing to display & save location of my portlets on the dragable plugin. First is the main event. <script> $(function() { $( ".column" ).sortable({ connectWith: ".column", }); $( ".portlet" ).addClass( "ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" ) .find( ".portlet-header" ) .addClass( "ui-widget-header ui-corner-all" ) .prepend(
Jquery - Dialog Modal Form
Dear All Can some one please help http://jqueryui.com/demos/dialog/#modal-form I want to show Create New User as LINK instead as a button show in above page . Can some one please please help
.each() functions not working correctly
Hi, I have a function with the following code: function saveRecord(){ $("#weekSheet tbody tr").each(function(){ $('td').each(function(i,o){ var value = ( $(":first-child", this).is(":input") ) ? $(":first-child", this).val() : ( ($(this).text() != "") ? $(this).text() : $(this).html() ) ; alert(value); }); alert("next row has started"); }); }Basically, I am iterating through rows of a table.
on .blur display and focus on next input
I have a form with a certain number of elements, i want it to at first only display the first, then when i deselect that element the next one is shown and focus moved to that and so on until the end of the form. Im new to jQuery and just want some advice to point me in the right direction :)
Ajax behavior when server is down???
I have a jsp which uses JQuery.timer method that runs every 5 minutes. So when triggered the method refreshes a DIV within the page. The ajax call is a simple one, with ONLY Success method defined. Now if the server locally is shutdown or the user has timed out locally, the ajax method will obviously get an error. However instead of just erroring, its like it is within a loop and keeps trying to call the server. Is there a config parameter to pass to Ajax method to tell it NOT to try again if
How to apply active mode in jquery accordian
Hi All, I am using an jquery accordian as a menu in my site...it goes on next page when i click on the button but i want to show an that button in active state when it on is on its respective page. Below mentioned code is i am using for my accordion menu. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript"> $(function() { $('#accordion > li').hover( function
Jquery ajax return string without accents
Hi, I have a problem with returning text with echo after I use jQuery ajax. The text what I return always displays without accents, Im sure this is a simple problem, I just cant figure out what it is. Thank you for any ideas.
How to have Active mode in JQuery Accordion
Hi All, I am using an jquery accordian as a menu in my site...it goes on next page when i click on the button but i want to show an that button in active state when it on is on its respective page. Below mentioned code is i am using for my accordion menu. $(function() { $('#accordion > li').hover( function () { var $this = $(this); $this.stop().animate({'width':'340px'},500); $('.heading',$this).stop(true,true).fadeOut();
User is typing message HELP
Hi guys, I am trying to get something to show when the user is typing, but the message of typing stays for a few seconds after typing has ceased, a sort of msn messenger effect. I have so far: <script type="text/javascript"> function testPress() { $('#notify').html('Your typing!') ; $('#notify').fadeIn('slow') ; timeOut += 1000 ; } setInterval(function(){ setInterval(function(){ $('#notify').fadeOut('slow') ; }, timeOut); timeOut = 0 ; },2000); </script> timeOut is declared and set to 0 further up.
slideUp / slideDown Toggle for several DIVs
Hello Everybody, unfortunately I am new to Jquery and was wondering how it is possible to open one DIV while closing all other DIVs ( or maybe just the open ones) all with the same CLASS. I know that the accordion does just that but I ran in some other issues there, because I was not able to use another DIV to trigger the accordion (I am posting that exact question under another topic though because someone else might find the answer more usefull and easier) Right now I am Using the Toggle, which
Button background broken for icon, not sure if it is my error or not.
Hi all, I have a button with an icon and the icon is displaced, when it is placed inside a span that has the class ui-widget-content I believe that this person was having the same issue http://stackoverflow.com/questions/4507469/jquery-ui-widget-content-button-bug I could just use a different class for the span, I just wondered if there was a I am importing jquery from here. /static/js/jquery-ui-1.8.9.custom.min.js This is the markup I am using <span class="ui-widget-content"><input type="button"
keyup overrides onkeyup function
I'm doing some customisation on existing software - my objective was to reflect changes to a form in a separate table. The forms require the user to enter numbers and these are totalled in the final formfield via an existing 'onkeyup' function. I used keyup to copy the value typed and add it to the summary table. However in doing this, the existing 'onkeyup' function written into the form no longer works and so the total is no longer displayed. I tried using keypress instead (which still had the
Using async .ajax within .each loop
I have been googling around about this for quite awhile without any definite answer. Here is the code I am having a problem with: var $m = {'id1':'page1.html','id2':'page2.html'}; /* load modules */ $j.each($m, function($key, $value){ $j('#'+$key).html($loading); $j.ajax({ url:'proxy.php', type:'post', data:'module='+$value, context:$j('#'+$key), dataType:'html', success: function($response){ $j('#'+$key).html($response); }
How To Parse Multi Field in Checkbox?
Hi All! I'm beginner with JQuery, And i have a problem with this. I made a program which is using checkbox, and with that checkbox i have to update database. (the checkboxs are showing in every row that showed in my page), and the using of it is for checking some item that i had received. The problem is just because i put it every row, so i need to parse primary key field and foreign key field value together with the checkbox. But i'm not really sure how to put many value in one input checkbox.
adding a score counting to my javascript
Hi there, I am trying to add some sort of score system to my script, but I have no idea how to get this working. I have two files 1php and 1 javascript (which gets implemented in the php file) What do I need? I want to add a score system to my script. In the javascript there is this part of code: function foundMatchingBlocks(event, params){ var $elements = params.elements; $elements.remove(); This removes 2 blocks from a board. When this happens I want to ad +100 points to my score and show this
Change not working when text box is change via Javascript
The change fires when I click in the textbox and change the value, but does not fire when the text box is changed via javascript. Anyway to get it to fire when value is changed via javascript? Thanks Steve
Multiple Results
I'm making a search field, they type what they want to search and it'll bring up the close results from the database and when they mouseover one of the results it pops up an image and description that should have been added to the array but I'm really stuck on how to do this I've been googling like crazy with no luck. I've only been using jquery for a month or two now. Here's what I have: [code] <script type="text/javascript"> var title; var plot; var image; $(document).ready(function()
Detect browser window area changing
Hi! I am learning jquery and so far I am loving it. I am building a list inside a div. When I click the list it scroll until reach the bottom. The problem occurs when the available window height changes. I need to find a way to detect it to trigger a function that re-aligns the list :) thanks for any tip :) try the code i did so far: http://jsfiddle.net/ruiganga/rfUCQ/11
jQuery.map() and nested JSON array
Hi all, I try to use map() function to parse JSON data and build bullet list in Html. The JSON data have is: {"Successful":false,"ModelState":[{"Key":"MyDataField","Value":{"Value":null,"Errors":[{"Exception":null,"ErrorMessage":"My Error Message Here!!."}]}}]} It contains 2 level of nested array here, I try to extract all ErrorMessage from the data and build <ul><li><li></ul>. var bulletList = $.map(data.ModelState, function (item, a) { var temp = JSON.stringify(item.Value.Errors);
One link needs to toggle different elements depending upon the url when it's clicked - HOW THE HELL?
I have a single page which uses tabs to segment the content. Alongside the tabs themselves is a button for 'Help'. I'd like this button to open a different DIV depending upon the tab that is currently being used. For example, if I am on a tab for 'Ben', if I click the 'Help' button I want the 'helpBen' DIV to slideToggle. If I am on a tab for 'Paul', when I click the 'Help' button I want it to open the 'helpPaul' div. Some extra needs: 1. switching to a different tab should close the currently open
Div width expands after animation effect in IE7
NB - This issue only occurs in IE7 and IE8 Compatibility Mode, everything is fine in FF and IE8 Hi everyone, I posted a little while ago http://forum.jquery.com/topic/question-about-effects-in-ie8 about a problem I was having with animation which was caused by my use of inline-blocks. Someone pointed out at the time that my site wasn't going to work with older versions of IE and i've just gotten around to fixing it. My Site: http://www.gardengenius.co.uk The Problem: The nav menu at the top
Posting canvas data url along with other form data
Okay so please can somebody tell me what Im doing wrong here. Im trying to convert the contents of a canvas into a data url and then post it along with other inputs to the controller in order to save an image. The PHP: <form method="post" accept-charset="utf-8" action="<?php echo ($base_url . 'template/new_template'); ?>" name="form" id=form" /> <?php $edit_template_code = array( 'name' => 'edit_template_code', 'id' => 'edit_template_code', 'value' => set_value('edit_template_code')
List-based menu dissapears on first rollback to main-button
Hi guys (and galls), I'm having a weird and ilogical problem. I'm building a site with a unorderd list-based menu. On mouseenter on the button with a submenu under it, the submenu fades in and should only fade out after leaving the submenu and/or the main button. So if i roll from submenu to the main button, the submenu doesn't fade out. Only problem is, that on the first roll-back (lets call it that) the submenu dissapears (which it shouldn't do). On further roll-backs it works as expected.
Licensing Issue with EPUB
Hello. That is, I'm trying to implemt jQuery within a epub. On a technical poit of view, It was successed (jQuery UI is succesfully worked!!), But on a licensing point of view, I'm very confused. As you know, epub is distributed as one archive file, jQuery is archived as one file with other contents. How can I license these EPUB files which containing jquery? And can I sell such as EPUBs?
urgent please : How to get all child control ID or attribute or tag name in parent Div
I have a Div control d1 and in this div I have furter div and span control.I want to get a list of all element in an array. please help??? <div id="d1"> <div> <div id="h1"> <div id="h2"> <span id="s1"></span> </div> </div> </div> <p> </p> </div> output arrary1[0]=div arrary1[1]=div arrary1[2]=div arrary1[3]=div arrary1[4]=span arrary1[5]=p
Radio buttion - display data on click
I am trying to use radio buttons to display data received from PHP via a MySQL database. The following code works in that it will indeed display the data upon clicking a choice. Subsequent clicks on the other two choices in the same session, however, do not result in a display of anything but from the original click. The new data is recovered (as verified by firebug) on subsequent clicks but is not displayed. I've tried variations of .hide(), .show() and .toggle() but I'm obviously on the wrong track.
Loading page within an allready loaded jquery page!
i was wondering whether it is possible to load a second page from a already loaded page using jquery, i have already done loading the first page, in this case its a gallery i can load all the images i want as thumbs now what i want is to click on em and a pop window that will show image details, i have the script for the pop window too, but when i combine the pop window with the gallery loaded with jquery the pop doesn't work . <a href="detail.php?iid='.$iid.'" class="ajax"><img name="" style="margin:2px;"
"jQuery broken - AJAX success call related… Really strange error from basic code."
http://thomee.tumblr.com SCRIPT438: Object doesn't support this property or method jquery.js, line 1374 character 5 which is line: elem[ jQuery.expando ] = id = ++jQuery.uuid; http://stackoverflow.com/questions/5440614/jquery-broken-ajax-success-call-related-really-strange-error-from-basic-code I've tried all sorts of things... Previous to now, I've written it several different ways and I thought this would be best way but now this. IE actually reports an error... FF seems to pretend there
Show/Hide divs for multiple selects
I have a jquery function that will show or hide a div id="hide1" based on the result of a select id="ticket1" $(document).ready(function(){ $('#hide1').hide(); $('#ticket1').change(function(){ if(this.value == 'adult'){$('#hide1').hide();} if(this.value == 'child'){$('#hide1').show();} }); $("#ticket1").change(); }); It works well! But my script actually clones elements of the form so a user could be selecting adult or child for a number of tickets - ticket1,ticket2,ticket3.... How can
a:hover effect
Hello ! I'd like to know how can i make a hover effect like the bottom frame one ( fade from white to bloody red ) http://www.bryanboy.com/bryanboy_le_superstar_fab/2011/03/the-power-of-flowers.html Thanks .
Multi-Login Script - Help
I’m trying to create a ‘Multi Login System’ that connects to two different websites which as two different input field variables using a 'Dropdown Box' and once it's onChange it changes the name="" field to the respectable fields as mentioned below. Website 1 Username Input Field: username Password Input Field: password Submit Input Field: login Website 2 Username Input Field: username Password Input Field: user_password Submit Input Field: user_login I know this can be accomplished using, php, javascript
Why this always return "undefined"
Hi every, I have this two HTML select (consigna_id depends on manufacturer_id selection): <select id="manufacturer_id" name="manufacturer_id"> <option selected="selected" value="0"> --- Ninguno --- </option> <option value="6">Júpiter Ediciones 9. C.A.</option> <option value="2">Proveedor 1</option> <option value="3">Proveedor 2</option> <option value="5">Proveedor 3</option> <option value="4">Proveedor 4</option> </select> <select disabled="disabled" id="consigna_id" name="consigna_id"> </select>And
How do i parse XML using Jquery and build HTMl Form
Hi How do i parse XML in JQuery and build HTML Form Ex XMl :: "<?xml version='1.0' encoding='UTF-8'?><profile><title>PricelessCitiesNewYokrRegistration.</title><site></site><application></application><fields><field><label>Email</label><type>text</type></field><field><label>Password</label><type>password</type></field></fields></profile>" And The form Should like below . Email :: TEXTBOX Password :: TEXTBOX Submit Button When you click submit button it will take those two values
Anyone who had done a jquery Throttle function?
I make a function like this: function throttle(fn, delay) { var timer = null; return function () { var context = this, args = arguments; clearTimeout(timer); timer = setTimeout(function () { fn.apply(context, args); }, delay); }; } // so when you do this with jQuery, here is what you should do $('input.username').keypress(throttle(function (event) { // do the Ajax request }, 250)); and i find a problem , if my request to the server have
Both click AND dblclick: where is the truth?
I have an application where a number of elements whith both simple and double click have handlers bound. It works fine with Firefox 3.6, Safari 5 and Chrome 10. But with IE 8 and Opera 11, double click is never catched. Looking for an explication, I first discovered that binding both click and dblclick is not advisable, since it could not be guaranteed to always work properly, due to different browsers practices, as stated at http://api.jquery.com/dblclick/. Ok, sigh... Then I also discovered the
how do you detect click events from .get() AJAX contents?
I've tried searching for this under the forums — and maybe it's because I just am using the wrong terms — but I cannot find any answers around this. Here's the skinny: I've got a listener for click events from links in DIV #1 in the loaded document, and when a user clicks on one of those links, it passes a value to a .get() function and runs a simple AJAX call and dumps the data/html results into DIV #2. After that click event, DIV #2 has a bunch of links in it, and I'm trying to traverse that dynamically
Opening tabs and linking to sections within show/hide. desperate, will pay!
1. I am trying to figure out how to open a tab, open a show/hide within that tab, and link to a particular person from an incoming link. 2. I also am trying to figure out how to open a tab and then a pane within that tab from an incoming link. This is the page I am working with I realize this is a lot to ask. My co-worker and I are at the end of our rope and would happily pay someone to help us. You can reply here or email me directly at: anna.callahan {at} 4culture {dot} org. If there is a different
Next Page