data-native-menu="false" and window.location not working
Hi i have drop down box , im redirecting page on onchange event of dropdown but i noticed it is wokring only IE adn not in FF and chrome.if i remove data-native-menu="false" then it is working fine on all browsers. here is my code: <asp:DropDownList name="country" ID="ddlCountry" runat="server" class="country" data-native-menu="false" style="white-space:normal"; onchange="javascript:window.location.href=this.options[this.selectedIndex].value;" > </asp:DropDownList>
jQuery UI modal dialog focus bug?
I am trying to create a modal dialog box that has a vertical scroll for content that overflows. For demo purposes, this dialog box contains an anchor and a bunch of divs (to overflow). Here is my code: The HTML <body> <div id="dialog"> <a href="javascript:void(null);">blah blah blah</a> <div>some content to make the dialog scroll appear</div> <div>some content to make the dialog scroll appear</div> <div>some content to make the dialog scroll appear</div> <div>some content
<select> box styling difference on safari and firefox, is there a jQuery solution?
I am trying to simply style my select box so the text is centre aligned. It works in firefox but not in safari or chrome. I am thinking someone might know a little bit of jQuery that might do this? http://georgewoolfe.com/yogurtline.html Thanks for your help. Angela
Image object
I am creating a Image object in javascript but it is showing a Image can not be resolved type please any one can help me i am new javascript and jquery
how do you organize the names for classes and IDs of GUI elements across different projects?
When creating alternvative or derivative versions of html+js files, I notice a lack of a consistent strategy for naming the names, classes and ids. the consequence is that when I try to integrate those files which started to live a life of their own, I spend a lot of time unifying the mentioned identifiers. As i do this, I still feel at a loss of a uniform system. do you have any? Ideally, the name should be telling of the function and class of the element, be distinct from the commands and words
Facebook or LinkedIn style article widget?
Does anyone know of a plugin that will allow you to include articles on a website that performs in the way that the include widget does on Facebook or LinkedIn? 1. Paste a URL into text area. 2. Widget retrieves synopsis and images. 3. Thumbnail for included article can be selected. 4. Preview of article with link is posted. I have been doing some searching and I have some idea of how I would write this, but I don't want to re-invent the wheel. Thanks in advance!
pageload ajax not showing
how to debug ajax pageload on change page, I often faced not showing page somehow?
reset form field on form submit
I am using jquery to validate a form that sends information from a form with a single field text input that is pre-populated with a prompt to complete. When the form is submitted, the field does not reset to the pre-populated prompt. This feature is desirable to enable the user to choose from an image gallery, then return to choose again. I feel sure there is a snippet of code missing that will solve the problem but so far can't find it. [code] <script type="text/javascript"> $(document).ready(function(){
Slider UI issue
http://themartin.logicdesigns.com/demo/ If you click Floor Plans once the page loads, nothing happens, because it's set at the first slide. I'm not sure how/ where to set it to load the second slide when the page loads. The second thing is allowing animation on pages that have galleries, Neighborhood and Gallery. Is any one familiar with Superslides? Thank you! Erik
how do I managed to drag the image to the side?
coloquei uma imagem no meu aplicativo, mas só consigo move-la para cima e para baixo. não consigo move-la para lateral.
How to call $.getJSON() in a for loop?
I am coming from the synchronous world and I have not grasped the concept of closures yet. I am trying to loop through an array of airport ids calling the getJSON method and build a new array with data from the returned json data for each airport. Could someone please look at the code below and explain how to make it work? Thanks in advance! var airportswx = []; for (key in airports) { obj = airports[key]; xdata = getwx(obj.apt); airportswx.push({ 'apt': obj.apt, 'name':
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
Next Page