modifying cloned select box makes it unresponsive in IE
This feels like a bug to me, but I don't have much experience with jQuery so I'm posting here first. In short: if I clone a select list, and then remove an option from the cloned list, it becomes unresponsive in IE (so far I've tried IE versions 8.0.6, 8.0.7, and 9.0.8). Here's a jsbin snippet, because I couldn't reproduce it in jsfiddle: http://jsbin.com/otawoc/5/quiet And the code: http://jsbin.com/otawoc/5/edit The second select list has been cloned from the first one. When you press the button,
Jquery 1.4 to 1.7+
I have the following code taken from JQuery in action. <!DOCTYPE html> <html> <head> <title>DVD Ambassador — Disc Locator</title> <link rel="stylesheet" type="text/css" href="dvds.css"> <script type="text/javascript" src="../../scripts/jquery-1.4.js"></script> <script type="text/javascript"> var filterCount = 0; $(function() { $('#addFilterButton').click(function(){ var filterItem = $('<div>') .addClass('filterItem') .appendTo('#filterPane')
fadeOut removes the table cell completely
Hi everyone, I have been struck at a point where i want to edit a table cell using jeditable plugin. It's working fine and update the cell content perfectly. I want to change the table background to red(for few seconds) for error update and green(for few seconds) for successful update. So i use fadeOut property and it works but the cell is removed after fade out. Below is my code snippet : success(function (response) { $("tr:eq("+ row_index +") td:eq("+ col_index +")").css('backgroundColor', 'green').fadeOut("slow");
Jquery Countdown - weekly recurring time
Hi there, I am using a jquery countdown script by keith wood: http://keith-wood.name/countdown.html I'm trying to work out how to make it countdown to a fixed time every week (monday 8pm GMT). the script is too big to add here but can be seen on the site and this is what I have from the example from the site: <script type="text/javascript"> $(function () { var austDay = new Date(); austDay = new Date(austDay.getFullYear() + 1, 1 - 1, 26); $('#defaultCountdown').countdown({until: austDay}); $('#year').text(austDay.getFullYear());
on click hide n show div
i want when click on div its display property should become block byt when clicked 2 time change dispplay to none plz help
how can i update checkbox id to database?
<input type="checkbox" id="checkAddress" onclick="checkAddress(this)"/> function checkAddress(checkbox) { if (checkbox.checked) { //here i have checked the checkbox,if it is checked i want to update the checkbox result to database alert("a"); } } so i want to update the checkbox id or value to database..how can i do this??
List scroll issue
I have a list where each item is clickable. When I scroll the list the pressed item is being clicked. How can I prevent it from being clicked when scrolling?
Simple snippet copied and pasted from here, why not working?
Hello, I am replacing the whole stuff by something that I (finally) managed it to make it work. Yet, I have some doubts about this. My problem is that I am not loading that document value that you see, which is the index of the first dropdown list to a controller (I am working in an MVC env). So I introduced this extra callback function to see what happened, but, actually, I think this callback is not telling me anything, or is it? when I move the select box it does get executed, but why am I not
download window state
I want to send to user two files in series and I use setTimeout("__doPostBack('Button2', 'OnClick')", 3000) to initialize a postback for download a second file 3 second after first. If I have time to handle first file, it's working great, but if I'm doing nothing first file is being lost. The window (that little window where are displayed a file for download and those buttons like open, save and close) is still there, but file is absent so I want to synchronize that postback with that window
How to convert addEventListener function in JQuery?
Hello, I am new in JQuery. I want to convert following javascript code in JQuery. document.addEventListener("DOMSubtreeModified", throttle( function() { //code }, 50 ), false ); I have tried it using bind method but it is not working. Please help me.
Flip Toggle switch trigger event when flip is started
Hi all, I'm quite new in jquery mobile and for now I have some problems using the Flip Toggle Switch. In my setup the flip toggle switch is refreshed every second with the server state. So when the server value is changing the flip toggle switch is changing too. So far so good. But when I try to flip the switch slowly from on to off it could happen that the flip toggle switch is refreshed and the flip is going back to its starting position. Now I'm looking for a event like slidestart and slidestop
q about bubbling
why would anyone want to have event bubbling occur?
reg- data security in jquery with RESTfull webservice
I want to know the security of the data, when data sending from client to server and vice versa. How to implement and also tell me the authentication, etc...
rewrite of earlier question of jquery plugin validation with twitter bootstrap
Hi everyone, I am rewriting this question to hopefully crystallize my question better: I am new to jquery and JS. I have a form which I am building with twitter bootstrap and trying to validate using the plugin validate at jquery.validate.js. You can see the live page at: http://optionhomes.net/index.php/test1/index I have a row with 3 input fields. If any of the inputs fail validation I want an error class to be added to the parent .control-group class.i figured I would iterate through the input
Spinner issue
I have some problem with the spinner plugin: here is the link to it : spin.js here is the code i' am using (i don't stop the spinning to see the result) <script src="../plugin/spin/spin.js" type="text/javascript"></script> <script type="text/javascript"> var target = document.getElementById('testers'); var spinner = new Spinner(); spinner.spin(target); </script> there are no errors in the Chrome Console review. please HELP
Making JavaScript/jQuery available in dynamically loaded content
Hi guys, is there a way / what is the best way to make JavaScript/jQuery available in content that has been dynamically loaded using jQuery's "load" function? Of course I can just put JS Code in there, but it will be run first, so any objects (like functions or the Facebook API Connection) will not be known to code in there. Any ideas? Thanks in advance
How do I show/hide div tags with jQuery?
Objective: Have 2 links, when one is click the corresponding div is opened. When the other link is clicked, the new div opens and the old one closes. When clickign a link to open the div, clickign again should close it. I have the following code, allowing one or the other div to be displayed, however I cannot get the div to close again once opened. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script type="text/javascript" language="javascript">
slideshow callback
Hello! im working with a slideshow on my page and have a problem with some things. I want to be able to change the body class depending on img class. on this site http://dimsemenov.com/plugins/royal-slider/documentation/ is the api for this slider. i think it is possible to use the sliderinstance variabel and then use one callback event and then use my own code in this function. Ive tried this one. But it is not working. var sliderInstance = $(”.royalSlider”).data(‘royalSlider’);
A problem with Jquery gallery
Hi, I made a JavaScript gallery for my friends site and it looks great except when changing images, the preview image disappears for a split second and the layout gets messed up. http://hisakoando.lolipop.jp/picturebook1.html Any ideas? Thanks in advance
AJAX JSONP WebService call not working on IPad or IPhone
Hi Guys, Hope you can help, I have a simple Ajax web service call to a WCP JSONP enabled service. On all browsers except for safari on IPhone and IPad, the call works just fine, but on the IOS devices the web call is made but it never returns. I have turned on browser debugging and it reports no errors. All of my other JQuery code is working just fine, it's just the call that is never returning. Is this a security issue or bug on these devices? Both are running IOS 5. I have tried restarting them
Select SQLite3 offline
I am having trouble finding the info I need... Here is generally what I am trying to do. SQLite3 (I am new to this but have extensive MySQL/PHP experience). The database will hold about 1400 rows and be nearly entirely used as selects. This is for mobile access and trying to figure out how to select the data w/o access to PHP. I found some code online I am trying to work with on a test db, but I am not getting anywhere. var selectAll = "SELECT * FROM mobile_page_history"; function createDatabase(){
Dynamic listview from JSON not showing until manual page refresh (data issue, not css!)
I am pleading for any help on the following issue I have as I have not seen anything else on the web like it! I am building an app with seperate pages, no multipage pages, and I am loading items dynamically into a fieldset and into a listview using 2 JSON formatted strings. The JSON data is 100% correct and the syntax is perfect as I have tested it on numerous validation websites. The 2 JSON strings are around 100kb each. What happens is I click a link on the first page which then laods the 2nd
$(document).ready but js file is not loaded yet
I am using jquery from google cnd, https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js, so should be the lastest version. I have a asp.net webservice, it creates a jsdebug js file dynamically, <script src="../app_ws/linkdataservice.asmx/jsdebug" type="text/javascript"> </script> the first line of the file is Type.registerNamespace('LinkLibrary'); .. in $(document).ready, I call the LinkLibrary class, it worked fine, but recently, I always got LinkLibrary is not defined error, After
jQuery load image from XML
Hi i am just starting using jquery. I want to load images from xml. I,ve got a script but it only load a single image, and i wan't to load all images called lightbox in XML. here is an xml file: <?xml version="1.0" encoding="utf-8"?> <images> <image source="Zdjecia/Galeria/Kategoria1/Miniaturki/image1.jpg" lightbox="Zdjecia/Galeria/Kategoria1/Duze/image1.jpg"> <lightbox>Zdjecia/Galeria/Kategoria1/Duze/image1.jpg</lightbox> </image> <image source="Zdjecia/Galeria/Kategoria1/Miniaturki/image2.jpg"
plugin for random sound
Hi, I want tp play a random sound from a array of sound files when a user clicks on an image. Let say the array contains 5 sounds. When the user clicks the first time on the image a file is chosen randomly, when the user clicks a second time another file is chosen ... Is there a plugin for such a purpose? tporschb
jqdock alignment open?
hello, i try to add the jqdock but i want to align it on the bottom right. i have it on the bottom : <ul class='jqDockAuto' data-jqdock-align='bottom' data-jqdock-labels='false'> but i want that the rigtht image is on the right and the dok opens to the left. i try this http://www.wizzud.com/jqdock/examples/ see example called: Flow option enabled on horizontal menu but it dosent run like i want:( is their any otehr solution for the newest release?
Showing live videos from a net cam with jquery mobile
Hi, I'm a newbe to jquery mobile and java script and struggling with a problem which might make you laugh. I do like to show a video stream from my network camera in an app. My problem is: I do not want to run this camera unprotected. Is it possible to include the stream even when you have to enter an id and an password? I guess it is but I have no idea how to do it? Right now you have to enter the IP and the port of the camera and then the user ID and a password and then you do have an mpeg file
What term should I use to search for Montage plugin?
I have a fairly good "Montage" creator plugin that I am using here. However I am looking for something closer to what Google uses and "montage" does not produce any results. Suggestions welcomed... Todd
[Help me using jquery]
Sorry if I'm still early in this jquery mobile learning . I want to create a login function to check the input of the username and password in my form using jquery mobile. This application will I package into the native Blackberry applications. Here I am having difficulty in making the login function with the help of jquery to retrieve data from the field and sent to a URL on my webserver. My code : $(document).ready(function(){ $("#submit").click( function (){ var username =
Tipsy tooltips don't work, when I include "protoculous.js" (Prototype 1.7 and Scriptaculous 1.9.0)
Hello, I use Jquery Tipsy Tooltips, you can see a working demo here http://www.i-know-somebody.com/tipsy/test.html Now, I also want to include an slide show. Build with protoculous.js (It is Prototype 1.7 and Scriptaculous 1.9.0) As soon as I have this <script type="text/javascript" src="javascripts/protoculous-2.0.packed.js"></script> in my script, Tipsy Tooltips dont work anymore. http://www.i-know-somebody.com/tipsy/test2.html (Demo with protoculous) Does anybody have an Idea, how to solve this
can't select just injected elements
Hello Community, I'm new to jQuery and jQuery Mobile developing, but I resently desided to give jQuery Mobile a try, rather then developing native android apps. But I am stuck for over two days now, at the point, that I'm not able to select just injected Elements. The injecting takes place in the pagebeforechange event wich I register as followed: $(document).bind( "pagebeforechange", function( e, data ) { //recognize right pagechange //inject photogallery } And the selection takes place
how to get corresponding combo box select value
how to get the combo box value when changing combo box . please give some sample code thanks in advance G.Lenin
Fadeout takes focus away from another element?
Gidday I have a textarea in a form, all wrapped in a div. Below that div I have a blank status div, which I fill with html for status updates from php. i then fade the status div out: $("#status").html("Please type in your message.").show().fadeOut(5000); Problem is that I cannot click inside the textarea in the form above until the fadeout animation has completed. I tried it with a hide(5000) instead of a fadeOut, and I am able to click in the textarea no problem. Any ideas of how to get around
Equal width of column in multi table
Hello jquery friends ... I create web where I must use tables, no ul/li or div. Problem is, that there are 3 various tables, each bellow another. Every table has a few collumns, but I need to keep the first columns of all of them in the same width. But width should be dynamic given, as width as largest is column in any of them. The largest size of width because of no wrapping. No use of any exact size in px or %. Did you see anything like this? Thanx. F.
IE - less than 9 append issue... how can i solve it?
I unable to append the element in less than ie9's how can i fix this? this is my function : var processModules = function (mData) { var lMData = mData; $.map(lMData, function (mVal,i) { $(mVal.type === 'form' ? '<form></form>' : '<div></div>',{ id : mVal.attributes.id, 'class' : mVal.attributes['class'] }) .appendTo(mVal.container); // not appending in less than ie9. } ) } $(document).ready(function () { $.getJSON('json.txt',
Circular Content Carousel with jquery
Hi All, I am using this plugin for a carousel that shows more info on the items once the button is clicked. I need to change the size of the image container as its too wide for my image. However when I change the size of .ca-item it then means my ca-content-wrapper is too short! Even after I set ca-content to a larger width. Any ideas? I don't have anything online as working on local host but here is my css and the html is as the plugin original. /* Circular Content Carousel Style */ .ca-container{
How to define the height and width of the text area in Jquery Mobile?
Before entry, the input field is predefined size (two lines on the screen width)..:( Its not taking anything as I define in the rows and cols value.. Ex: Still the input feild is fixed...Showing no changes. Gradually, as we introduced the text, the height of the input field increases, to view the text introduced in its entirety. But what I need is to define my own height and width of the textfeild...And gradually feild should increase if the text entered is more. Code I am using is: <div data-role="content">
Searching jQuery Plugin for Wordbanner
Hi! I am searching a plugin to present a list of words in a div with fade in and fade out effects, but i don't know the exact name for such a plugin. For example i have some <h3></h3> or divs with a list of words and a maindiv (banner). These words should fade in and fadout each after another with different positions (random or fix), different font-size and color - in a loop. OR The words run like a text-scroller beneath each other, with full width of the banner (short news should be bigger and have
Support for page redirection in Jquery mobile using Ajax calls
Hello, Here is a question I asked on StackOverflow some days ago. It has no answer yet. BTW, if you want to earn some reputation on SO, I just started a bounty for that. == I am building a JQuery Mobile application based on a MVC framework. My problem is that I cannot send "redirect" directives (either HTTP, Javascript, META-refresh) to the browser. It results in the browser displaying "undefined" (indeed, this error is not explicit at all , it sounds like a bug to me) I know that I can fix the
Preloading on first page load
I'm using the multipage template, so only just one html file. Now I want the whole page to have a preloading and not only showing a white page before the content is displayed. I figured out that jquerymobile already is using a loading function so I tried to use it like this: javascript:; javascript:; $(document).ready(function() { $.mobile.loading( 'show', { text: 'page loading', textVisible: true, theme: 'a' }); }); But it's not working! I've put it directly after the jquerymobile include. Can
Next Page