Slider work from htm page but on php generated page only the "slide" event not work (start, stop, change ... work..)
Working page [html] ;-] http://www.dataino.it/test/dataino_control.htm Not working generated from php :-(( http://www.dataino.it/test/ i have included the jquery code <script src="../shared/jquery/dataino.js" type="text/javascript"></script> $(document).ready(function() { slidesize(); led(); }); //=============================================================== function slidesize() { $(".ctrl").each(function() { var sli = $("#slx", this); var values = sli.text();
.on load
As you know `$(document).ready()` loads our script after DOM of browser loads. But what I need was waiting till page loads. So I used `$(document).on('load',...)` but it doesn't work. When I tried `$(window).on('load',...)` it worked. Why this doesn't work > $(document).on('load',...) but this works. > $(window).on('load',...)
slider and css problem
i can not change image properties <script> $(function () { $("#sw").slider({ orientation : "horizontal", range : "min", min : 0, max : 2000, value : $("#i1").width(), slide : function (event, ui) { } }); $("#sh").slider({
Issue using jQuery ScrollTo Plugin
Hi All. I'm having an issue using the jquery.scrollTo.js plugin working on a one page website based on bootstrap with 5 links, section-1 to section-5. The thing is that when the page is loaded section-1, 2 and 3 are working fine, but 4 and 5 not responding properly when clicked for the 1st time. They are not scrolling to the exact desired location, but they do on a 2nd attempt or when another link other than section-4 or 5 was clicked 1st. Here a Link to where I uploaded an example, hopefully this
Popup Dismissible refuses to work .... :o(
Hi, I have defined a popup in html as such: <div id="FloatingMenuBox" class="d18dc5cd-e6ac-382c-02df-848250117ad6 FloatingPopupMenu" data-dismissible="" data-role="popup"></div> in my code I have: _menubox.GetElement().popup({ dismissible: false }); _menubox.GetElement().popup('open', { x: box_x, y: box_y, transition: LoadGlobalV("menutransition") }); The options x,y and transition all work as expected. However, whatever I do, the popup refuses to be indismissible. Anyone any idea's ???
Drop Down menu is hiding
Hi frens, I'm using drop down menu for my text site from http://www.dynamicdrive.com/dynamicindex1/flexdropdown.htm Now the problem is when I hover on Prophets the drop down menu is actually going up and hiding behind top bar. But rest of the menus are going down. What could be the reason? Can anyone solve this issue? Best Bomzon
Custom Modular Build
jQuery is really simple and the best javascript library... For the below build process, While building the javascript in my website, I do have many other javascript files to be downloaded by the website. Due to the network round-trip, most of the files even if they are 5KB or 20 KB, it takes the same amount of time. So I will like to club my javascript files inside the jquery.min...js in the build process. So finally I will have only one javascript file for my whole website to be download which is
DatePicker Range problem
Hi folks, I am trying to build a date range datepicker that only shows the month and year that's it I have no problems doing it to show actual days but I can't for the life of me get it to show just the months and year....as always any and all help will be greatly appreciated... here's what i got <script> //date range chooser $(function() { $( ".rangestart-picker" ).datepicker({ changeYear: true, changeMonth: true, numberOfMonths: 1, showButtonPanel:
Jquery validation not working
Hi all, The validation doesn't work on my FF 20.0.01 with code below. Nothing happened. <!DOCTYPE html> <html> <head> <title>Home Page</title> <link href="/Content/Site.css" rel="stylesheet" type="text/css" /> <script src="/Scripts/jquery-1.9.1.js" type="text/javascript"></script> <script src="/Scripts/jquery.validate.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { ("#form1").validate({ rule: { txt1: { required:
get the size of each image
i have code like this <div id='image'> <img id='x' src='1.jpg'/> <span class='u'></span> </div> <div id='image'> <img id='x' src='5.jpg'/> <span class='u'></span> </div> Then, how to get the size of each image with ID "x" and applying text size image in <span class='u'></span> .....??? thanks before
I Cannot load this using google chrome
<!doctype html> <html lang="en"> <body> <a class="aaa" href="dsa.html">Sign Up</a> | <a class="aaa" href="se.html">Sign In</a> <div id="content_area"> </div> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="contentchanger.js"></script> </body> </html> $('.aaa').click(function(){ var href = $(this).attr("href"); $('#content_area').load("aaa.txt"); return false; }); when I try this it is running in Firefox and IE...but its not working in GOOGLE CHROME give
Fancybox gallery
Hey all, I have a question regarding fancybox galleries. I used fancybox on a website am developing to display 3 galleries on one page. I have 3 pictures and i want when clicked on one to display a series of pictures connected to that picture. So every picture gives a different photo gallery. I succeeded to do so, but the only problem is that all the galleries are connected, so when u pres next in the gallery it doesnt stop, but it keeps going in circle showing all the pictures from all 3 galleries.
Trigger A jQuery Animation After The Page Has Loaded (no clicks, no hovering, etc.)
After tons of googling and looking on this site I have found many similar topics but nothing that seems to help me answer this question. I am using a simple animation that fades one image into another like so: $(window).load(function(){ $('div.fade').hover(function() { var fade = $('> div', this); if (fade.is(':animated')) { fade.stop().fadeTo(3000, 1); } else { fade.fadeIn(0); } }, function () { var fade = $('> div', this); if (fade.is(':animated')) { fade.stop().fadeTo(3000, 0); } else { fade.fadeOut(3000);
jQuery.alert() box borders are missing
I'm trying to replace the standard alert() with the jQuery.alert(). The message comes up but with no borders. If the message comes up, I assume the setup is working, but why without borders? On the same computer with the same browser, the demo HTML page, downloaded with the plugins from the jQuery site, works with no problems. Can anyone give me a help on this? Thank you.
What can replace toggle ()?
Tell me, how can I write the code differently, because toggle () was removed, there is an equivalent? $('switchGal').toggle( function(){ $('#gallery').slideDown(1000); }, function(){ $('#gallery').slideUp(1000); }) Thank you!
Need to delay loading of the *content* of a tooltip
I'm using jQuery UI tooltips on a long list of image links to show a preview of the image in a tooltip. I'm delaying the tooltip by a second so that you won't get dozens of tooltips when you happen to move the mouse over the links: $(document).tooltip({ 'items': 'a.preview', 'show': { delay: 1000 }, 'content': function() { return '<img class="frame" src="' + this.href + '">'; } }); This works fine, except that it does immediately load the images as soon as the mouse hovers over a link, which
I want to make design case module on HTML5
http://www.zazzle.com/cr/design/pt-casemate_case?formfactor=apple_iphone5&style=barelythere How to make image look like in red circle ? i think it not 3d transform. What is name of javascript framework can do this thing ? sorry for bad english. Best Regard.
jQuery 1.8.2 | Function breaks when confronted with deleted Youtube videos.
Here's the scenario: I have a string of comma-delimited Youtube video IDs handled by a function which displays results as clickable video image thumbnails. Problem is, if that string contains an ID that does not exist anymore (or is inaccessible), the function breaks instead of skipping (or importing) the missing video image thumbnail. Is there a jQuery/Javascript solution that, upon button click, a function imports thumbnails of all existing and deleted videos requested by the ID string ? I don't
Automatic Insertion of Icons
Hi guys, I am currently going through the Lynda Learning Jquery Essential training course. I have completed all the lessons in the first chapter however on the last lesson in the chapter that puts everything together in a practical example I cant get it to work properly. This is really annoying as i have spent all my free time this week studying. Anyway, the lesson/code should work like this, display a small PDF icon next to every href element in the document the has the .pdf extension. However when
Removing multiple namespaced event handlers
Hello all, Please, I would like to know how efficient it is to do this: suppose I have a div with id: "target", and I have a click handler attached to it like this: $('#target').on('click.uds', function(){ }); which of the following code will be more efficient in removing the event handler: $('*').off('.uds'); or $('#target').off('click.uds'); I initially thought the 1st was better since it does not have to search through the entire DOM. But then, I might be wrong
$.getJSON request returns a 404 error
I'm trying to learn jQuery from a book called Learning jQuery by Jonathan Chaffer & Karl Swedberg, and have ran into a problem that I cannot figure out. There is a b.json file provided by the book resources that should load with this statement: $.getJSON('b.json', function (data) .... When I run the code I am getting a 404 not found error in the Chrome debugging tool stating the b.jason file cannot be found. I have the b.json file in the FormExanples folder which is odd to me that it's not finding
about dialog refresh when i open
Hi folks, I get a question, i open a dialog with iframe and click a button , it will open another dialog, but when it opens, the iframe refresh. i don't know how to resolv it ,has anybody resolv it? please help me . Thank you very much.
Hash in the URL has gone
The following piece of code works fine with jQM 1.2.1 and jQ 1.8.3 hmiActionLoadPage.prototype.execute = function (wgtId, params, strAction) { // change the page var theUrl = params.length > 0 ? params[0] : null; if (theUrl !== null) { $.mobile.changePage(theUrl, { transition: 'none', changeHash: true }) } this.done(); }; I can change page in my web app the #PageName is appended to the URL, but when I upgraded to jQM 1.3.1 and jQ 1.9.1 the #PageName is not yet added to the URL. To
What is the correct way to find all elements within a dialog that have a tooltip?
Here is a way I am pretty sure you'd be able to do it but it seems like it would be slow and I am curious if someone has a better way: $dialog.find('*').each(function(){ if ( $(this).is(':data(uiTooltip)') ) { // I am a tooltip } })Thanks, Drew
Logo align left in header (JQuery Mobile)
Hi, I want to put an image in the header of my site. I've got a Back Button on the left hand side of the header and then three <br/> and then my image. The image displays in center the whole time.... how can I get it LEFT??
Problem with toggle()
Hi, all. I have css file with this class: .tableLight { background-color: #32375D; color: #FFFFFF; } And I have JavaScript file with this content: $(document).ready(function () { $('#moto_table tbody tr').toggle(function () { $(this).addClass(".tableLight"); }, function () { $(this).removeClass(".tableLight"); }); }); After running this code, my table is hidden, why, I did not click on the text in these rows of the table?
dialog size height and width
Please help me get a dialog box to increase height and width. I am using the following code on this page (after three or four refreshes the dialog appears): The lower lines may be most relevant to my question: http://dev.saainteractive.com/content/tarullo-evaluating-progress-regulatory-reforms-promote-financial-stability-federal-reserve <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script
Tab children divs
I have a tabset that I with a couple of divs that are inside of the content area. I can get the main content div, but the other div gets a "display: none" style. Below is my code: --------------------------- $(document).ready(function() { $("#tabcontent div").hide(); // Initially hide all content $("#tabs li:first").attr("id","current"); // Activate first tab $("#tabcontent div:first").fadeIn(); // Show first tab content $('#tabs a').click(function(e) { e.preventDefault();
export/import SQLite
hello, I'm creating a client application with jQuery Mobile and PhoneGap. Can I export and import the database sqlite to sdcard? thanks
Form submit after Autocomplete failing
Hi, I have successfully attached the JQuery Autocomplete to my HTML form. The issue I am having though is that in the "success:" callback I call $('#findterm_form').submit(), which fails to submit the form. I added an onsubmit handler which calls alert, so the event is firing, but for some reason the form will not submit. I have trawled various forums regarding this issue, and I cannot forgure out why this is not working for me. Javascript (JQuery) code is below: $(document).ready(function(){
floatbox.js works on first page or after reloading page in browser
Hi all, I would like to use floatbox (http://floatboxjs.com/) on my mobile web app. It works well on the first page (index.php). But it doesn't work on subsequent pages (i.e.: page2.php). To make it work on page2.php I need to refresh the browser page manually. But this isn't a solution (on a mobile web app you cannot reload a page). After refreshing the page2.php the floatbox works. But then it doesn't work anymore in the first page (index.php). I already tried to load floatbox js and css file on
css problem with Column Toggle
Hello, I'm trying to dynamically load content of the table on button click, in a.html i have: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>table-columntoggle demo</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css"> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
Column-Toggle Table bug in Android 2.3
Hi, my name is Juan Pablo. I have a problem with Column-Toggle Table. When I run my app on Android 4.0 it works fine but if i run it on a device with android 2.3 it crash. the column button dosent show correctly. It only show the text. And I lost the function to horizontal scroll the table. This is my HTML Code <div data-role="content" id="content"> <div> <div style="overflow:scroll" id="divTable"> <table style="position: relative;" id="TableMonitor" data-role="table"
jQuery don't post form after preventdefault
Hi. I've a form loaded with AJAX and this form has a reCaptcha. When post the form I want to validate the captcha and if there is ok post the form to server. But I can't... My code (based with other help) $('#myForm').submit(function (e, passThrough) { if (passThrough === undefined) { e.preventDefault(); var captchaInfo = { challengeValue: Recaptcha.get_challenge(), responseValue: Recaptcha.get_response(), }; $.ajax({ type:
how solution multiple window.onload in javascript..??
I have code like this window.onload = function() { var url = getQueryVariable("url"); document.getElementById('view').src = url; } window.onload = function() { var linkDirect = document.getElementsByClassName("frame"); for (var i = 0; i < linkDirect.length; i++) { linkDirect[i].href = "http://namablog.blogspot.com/p/demo.html?url=" + linkDirect[i].href } } Then, how to create in One window.onload............??
Be alerted on new Jquery version
Hi, can I subscribe to some newsletter to be informed when a new Jquery version is published? It's mainly to quickly be informed when there a security issues. Thanks, Felix
Plugins/Validation page problem
Hi Admins, there's a problem into Validation plugin page. Database error A database query syntax error has occurred. This may indicate a bug in the software. The last attempted database query was: (SQL query hidden) from within function " JobQueueDB::claimRandom ". Database returned error " 1205: Lock wait timeout exceeded; try restarting transaction (localhost) ".
Success and error blocks for Edit url method
HI I have JQgrid and i have Edit url on it. function loadGrid(firstLoad, myColumnsState, savedColModel, currentColModel) { $('#Jqgrid1').jqGrid({ datatype: "json", url: '@Url.Action("GetDetails", "TestController")', editurl: '@Url.Action("InlineEditGetDEtails", "TestController")', now i want to add Success and Error blocks for the action method of EditUrl, could you please suggest how could I acheive this? Thanks & Regards, Joseph
Jquery Custom Validation Messages are displaying beside the Control, instead of Validation Messages
Hi, I have requirement of loading the Partial view dynamically based on some particular values. So, while iam implementing this, the Client side validations are displaying beside the control instead of Validation Summary. Can some one help on this. I have attached a sample code(Controller, Models and Views). Steps to Repro: 1. Create a MVC3 project. 2. Replace the newly created project folders with the attached folders(Controller, Model and View) 3. Navigate to "Customer/Management" page. 4. Click
Dynamic progress loading instead of differed
I was assuming to create a function to register with only one site. Capable of monitoring the AJAX requests either using $.ajax, $.post, XMLHTTPRequest, AjaxObject etc... when URI call starts/complete single or stack, capable to executes a callback function. No matter if progress functions are defined or not. Thanks, Smoke
Next Page