Superfish does not show properly over Flash file on Explorer
Hey everyone, I'm setting up a Superfish horizontal menu. The menu is in a div, and just below that on the page is another div with a swf flash file. On Explorer, the menu drop down looks like it is opening up under the swf flash file. As if the Z-index is messed up. Is there a fix? It works fine in Firefox/Chrome. Thanks for any help!
Show and Hide
Hi, I want to show and hide a div element using jquery, but not in the default show hide method. Example: if i use $("div").show(slow); means its taking from TOP LEFT CORNOR to DOWN RIGHT CORNOR, insted of that i need from TOP RIGHT CORNOR to DOWN LEFT COENOR. How to achive this. Thanks
Help! Problem with simple script
Hello, I'm taking a few steps in jquery, but I have a problem that had not before ... by clicking on the input type = "button" with id = "btn-send", the # result is not shown .... I can not find the solution you ... I would appreciate your help. <script type="text/javascript" src="js/jquery-1.9.0.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#resultado').hide(); $('#btn-enviar').click(function() { $('#resultado').show(); }); }); </script>
Prompt doesn't let the page load
Hi Everyone, I have designed a webpage that uses a prompt. I am using the prompt as a form of password to retrieve information about the webpage. I am having two issues: 1st one is that the prompt on the top says: The page at: 192.168.X.XX says: and then the actual message that I wrote: Enter your password: Is there a way to change the title of the prompt? 2nd Even though I placed the prompt script inside document.ready() function, it will not let the webpage load completely? <script> $(document).ready(function()
mobile jquery file in blogger
hello i have applied jquery mobile accordion in blogger. first the blogger loading its works fine. while click on any post header for post details . it makes problem pls help Thanks
image quality after adding data-position="fixed"
My footer is a grey strip with 4 social media icon links. Looks great normally however since adding data-position="fixed" to the footer to ensure it sticks to to the bottom of the screen at all times, the image quality reduces. See both images below, the top one being before adding the fixed code and the bottom being after. I have tested and as soon as I remove the 'fixed' code my images are perfect again. Are they somehow being stretched by the css assigned to the fixed footer code? I tried adding
Php won't function in collapsible-set
Is there a specific reason that I can't execute some basic php-code inside a collapsible-set? I have tried it on many ways, but without succes. Is there some kind of basic rule which I don't know of?
each table rows
I have this situation var tableHtml=$('.tableClass').html(); Now I want through iterate through each of the tr inside the tbody. I tried $(tableHtml).find('tbody > tr').each(function()); Cant get it to work. What is the right way of doing this. Due to special requirements I have to put the tabke html into a variable. Please Advise.
How to disable Slider text box?
I'm pretty new to jQuery and jQuery mobile and my employer wants me to create a series of sliders stacked vertically without the accompanying textbox. Is there a way to disable this, or toggle it's visibility? Thanks!
IE8 Jquery settimeout crash every 3-4 days
I have this html page running on IE8 and it crashes every 3-4 days. Is it something wrong with the use of settimeout here? I also used proxy and it did not help. But it can run on Firefox with no issue. <html> <head> <meta charset="utf-8"> <title>jQuery.proxy demo without proxy</title> <script src="C:\Documents and Settings\xc91977\Desktop\JqueryLib\jquery-1.9.1.js"> </script> </head> <body> <div id="log"></div> <span></span> <h1></h1> <script> var me = { _panelRotationTimeout:
Sliding Panel in a screen with Fixed Header and Navigation Tabs
Hi, I am facing issues when using fixed headers with nav panel and sliding menu(reveal/push mode) with android devices. Below 4.0 sliding panel doesn't open and on 4.0 and above the panel content goes under the header and navigation tabs. I am a newbie into hybrid apps with JQ. Kindly suggest if there is a suitable alternative
How to use common jquery drag and drop code with two divs containing elements of identical ids
hi all, I have common jQuery function for drag and drop and two div tags. Both div tags have different ids but both containing elements of identical ids. I have a block and a placeholder for each so when i drag 'block1' olny placeholder of first table should be blink and but both are blinking. Here's link to my fiddle - http://jsfiddle.net/2pFqe/3/ In jsfiddle i have two divs of id, 'id1' and 'id2' both containing elements of same id. Now when i drag block1 both placeholders are blinking. I have
Dialog is shown itself when changing size of not visible dialog
I have following code that is run every time user rotates mobile phone (so screen width and height are changed) to calculate proper width and height all widgets: $( "#dialog1" ).dialog({ height: Math.round(screen.availHeight * 0.7)}); $( "#dialog1" ).dialog({ width: Math.round(screen.availWidth * 0.7) }); I noticed that after a few seconds dialog is shown but function $( "#dialog1" ).dialog("open"); is not called. To prevent this I need to use following code $( "#dialog1" ).dialog({ height: Math.round(screen.availHeight
Isotope sort after append
I tried this: $("#add").click(function(){ var $newIems = $("<div class='post-body post item'>itemName</div>") $(".items").isotope("append", $newIems, true); }); $("#sort").click(function(){ $('.items').isotope({ getSortData : { content: function ( $elem ) { return $elem.find('.post-content').text(); } } }); $('.items').isotope({ sortBy : 'date' }); $('.items').isotope( 'reLayout' ) }); But the items wont get sorted. is it possible in general to add new items to the isotope container and sort them
jquery AutoComplete and AutoFill Issue
I have a secure web-based application consisting of several modules, one for customer information that contains a form with several input fields. The first field is for the customer code. I have implemented the jquery AutoComplete script for the field. I would also like to implement an AutoFill script so that once the customer code is selected via the AutoComplete (and tabbed to the next field) the remaining fields could be entered by the system. The AutoComplete works just fine but I cannot get
refresh #page2
Hi-- I have a simple 2 page jquery.mobile app. I'm using #page1 to gather parameters for a <canvas> object drawing on #page2. I cannot figure out how to refresh the drawing (and other content) on page two after I make changes. If I push f5 it refreshes. My question is how do I programatically refresh the page? --DrBill
TableSorter: not even example works
Hi, I have problems with tablesorter after updating a table. Steps: create a table, sort it; change the content using javascript, call "update" and then "sorton". The table column header is correctly updated, but the order in the column is not correct. See this official example: http://tablesorter.com/docs/example-ajax.html It should sort by the age (descending). After clicking on "Append new table data" the column headers are correctly updated, but the data is not sorted. Clicking on the header
Load jQueryUI from Plugin
For my plugin to work, jQueryUI needs to be loaded. I have tried loading it before the self.setup(); Which loads the plugin, but apparently first after my code is finished setting things up, so the jQueryUI rules doesn't become apparent. (function ($, window, document, undefined) { var Ob = { init: function (options, elem) { var self = this; self.$elem = $(elem); if (typeof options === 'string') { self.site = options; } else { // Object passed self.site = options.site; self.options = $.extend({},
validation of code
I am trying to pass a string to a jsp file, and then I hope the jsp file will do something with the string. I don't know jsp though. I just want to make sure that my logic is correct. My code "works", but I want to make sure of what it does. I think I am posting the val of the string to browser's memory and calling the test.jsp file. Is that what is happening? <!DOCTYPE html> <html> <head> <title>Page Title</title> <script src="http://code.jquery.com/jquery-latest.min.js"></script>
jQuery validation Pllugin with Obout Combobox
I am using obout controls in my project, I am having tough time using jQuery Validation Plugin with obout Combo box. It never works. Can you please send me some sample code.
Problems with bubbletip extension on Internet Explorer 11
Hello here, I am struggling to understand why the following page shows correctly bubble-tips when you move the mouse over the two links if you open it in any browser but Internet Explorer 11: http://www.virtualsheetmusic.com/ziolo1.html Any ideas? The browser seems to ignore the CSS or what? Any thoughts are very welcome! Thank you in advance. Fab.
jQuery Mobile 1.4.0 RC1 collapsible events (collapse/expand) happens too late
Hi, would like to ask, when did the naming of the events changed? When I was using 1.3.2, I used the events 'collapse' and 'expand' for collapsible to add in animation when the collapsible is expanded and collapsed. However, in 1.4.0, the name changed to 'collapsibleexpand' and 'collapsiblecollapse'. Even if I bind the events to allow animation when expanding or collapsing the collapsible, the events were triggered too late, and the contents is already displayed when the 'collapsibleexpand' event
Iam getting Handling JSON objects alone in web page,my script file is not working
My index file(index.html) <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="js/script.js"></script> </head> <body> <p>Handling JSON Objects</p> <span id="acc-list"></span> </body> </html> My Script file(script.js) $(document).ready(function () { alert("welcome"); var data_url = "data/data.json"; $.ajax({ type: "GET", url: data_url, dataType: "json",
jQuery Media Plugin Creates Object Without an ID Attribute
I am using the jQuery media plugin (http://jquery.malsup.com/media/) along with the ElementIT Flash Uploader (http://www.element-it.com/multiple-file-upload/flash-uploader.aspx). I am using an old version of the uploader (v 1.7) but everything has been working great, until I updated the jQuery media plugin to the latest version. Once the media plugin embeds the flash object, it is missing the ID attribute. $("#flashloader").media({ width: 350, height: 210, autoplay:
jquery dialog custom close button event throws error?
Hi, I am using custom close button for a dialog, but when click on close button , I'm getting error. what's wrong with this code ($(dialogDiv).dialog('close');) input type="button" id="closeDialog1" class="btnClass" value="Close" style="width: 80px;" /> var dialogId = 'uniqueName-' + Math.floor(Math.random() * 1000) var dialogDiv = "<div id='" + dialogId + "'></div>"; function loadDialogResult(dialogDiv, result) { $(dialogDiv).html(result).dialog({ modal: true, resizable: false, title: 'Test',
jQuery slider redirect on 4th click
I'm using the jQuery Superslides plugin here: http://dougalpaterson.com.s69396.gridserver.com And I want to redirect the user to the main website on the 4th click of the .next arrow (after the last slide), rather than looping through the slideshow again. I've managed to add the address to the href using this js: $('#slides').superslides({ animation: 'fade' }); var clicked=0; $('a.next').on('click', function (e) { clicked++; if (clicked >= 3) { clicked = 0; $("a.next").attr("href", "http://www.google.com/");
Combine swiperight event and slider on a same page
Hi, On my mobile website, I implement a hidden panel on the left side. This panel is called with two classic event : swiperight to open, and swipeleft to close. On a specific page, I have a slider. Technically, no problem, but ergonomically, use of slider (sliding cursor to the right i.e. ) launch the event "swiperight" and open the panel... Problem of big finger ! :D Slider (with default theme) is too thin, and finger move could be interpreted as a swipe event on page.. It's difficult to use these
separating list items in listview
I am not sure if my problem is jquery or jquery mobile related but here goes. I have an array which contains 3 arrays... numbers as strings. I change the class of each element to appear as a circle. When I enter them into a listview I would like 1 array per line but I am getting all 3 as the first list item, then the 2nd and 3rd as the second list item, and finally the 3rd array as the final list item. I am thinking my problem is something to do with my $.each loop but I am baffled. Link to my fiddle: myfiddle
How to Query JSON Data in Ajax Request
I have a json file as: {"markers":[ { "latitude":11.58655, "longitude":122.755402, "type":"A"}, { "latitude":11.00698, "longitude":124.612801, "type":"B"}, { "latitude":10.30723, "longitude":123.898399, "type":"A"}, { "latitude":11.24775, "longitude":125.003502, "type":"C"}, { "latitude":11.03693, "longitude":125.719498, "type":"Z"} ]} and an ajax request as: $.ajax({ type: "POST", url: 'data.txt', dataType: 'json', success: function(data){ locations.length
drag image in circle path and rotate the image with angle centered to circle
Hi need a jQuery effect. on click i need to add an image to circle, that image will be draagable on circle path. if circle contains multiple images other images move accordingly. same thing is developed in flash but now i need in jQuery. Demo : https://www.chamilia.com/is-bin/INTERSHOP.enfinity/WFS/CHA-Web_US-Site/en_US/-/USD/SPAG_DesignYourOwn-ViewFlashApp Demo2 : http://www.pandora.net/en-us/explore/inspiration/create-combine/bracelet-designer Select the bracelet and beads to have effect. thanks
Horizontal Scrolling with vertical scrolling
3 down vote favorite 1 I want to implement horizontal scrolling with vertical sliding .Something like picture given below. For doing the same I search and found this one http://developingwithstyle.blogspot.co.uk/2010/11/jquery-mobile-swipe-up-down-left-right.html But the code written in this blog does not make sense to me. I also downloaded the demo provided at http://www.idangero.us/sliders/swiper/ and try to modified according to my need. But could not able to do the same. If any one have Idea
How can i add mask filter to a jquery sliding drop down panel
I made a sliding panel with jQuery to add login form in it. I wanted to make something like xenforo login system Link : http://xenforo.com/community/ After you toggle the slideing panel in the link above the whole page background dims out and this is effect of masking seen in modal boxes and i need this to be done to the sliding panel i have made. Here is the example fiddle i made : http://jsfiddle.net/envira/yEzke/ Here is the code i am using : <div class="panel"> <div class="panell"></div> <a
Initialize Datepicker when called or similiar?
Hi, i am trying to use datepicker as part of a booking engine. I currently have pass a array of dates that are unavailable to beforeshowday and this stops people from selecting these dates. But obviously because the datepicker is initializing at document ready (am i right all the settings are executed here?) the array cant be changed without refreshing the page. I have 2 functions at the moment to do this but need a method to either: 1. initialize the datepicker when its text box is clicked and
datepicker : onSelect, remove highlight class
Hi, currently I have a datepicker that by defoult will highlight entire week (mon-sun), i'm stuck with the onSelect function, I want that onSelect only the date that have been select will highlight. Meaning that onSelect I want to remove the highlighted week. Here my code : $('#datepicker').datepicker({ dateFormat: 'yy/mm/dd', firstDay: 1, beforeShowDay: highlightDays, onSelect: function(dateText, inst) { $("#datepicker").removeClass('highlight'); var dateString = dateText; var year = dateString.substring(0,4);
How to validate form controls data size not more than 2.5 mb?
I have a form which has controls like first name, last name, etc and also file upload attachment. I need to calculated all the data should reach more than 2.5 mb. How can we do that with jQuery and show validation error on that page? form action="/ContactSubmission" class="form-horizontal" enctype="multipart/form-data" method="post" role="form" novalidate="novalidate"> <div class="form-group"> <div class="col-sm-5">
how to keep child div of same height and width when resizing parent div?
Actually i am resizing a container div by using transform: scale(value, value); Here is the fiddle Please look into it. I want to keep small circle of same size in every conditions when we scaled its container.
jQuery image slider stop when in position
I have a continuous scroll of images being pulled through from a database and I want to make the scroll stop for 3 seconds every time one image from the scroller moves into a certain position. Then after 3 seconds, the next one scrolls to the position and does the same thing.
set datePicker values
Hi, I am using the jquery datePicker like this: <script type="text/javascript"> $(function () { $("#dateClosingDate").datepicker({ dateFormat: "dd-mm-yy", changeYear: true, showOn: "button", buttonImage: "http://www.mywebsite.com/images/calendar.gif", buttonImageOnly: false }) }); </script> <input type="text" id="dateClosingDate" name="dateClosingDate" value="<?php echo $member_date_of_birth; ?>" autocomplete="off" readonly required> I want to set
enable and disable <select> on <select> change
Hi, I have two <select>s in my PHP website. cboSalary and cboCurrency. I use a blank value as null for both like this: <option value="" selected>[Unspecified..]</option> I want to know how can I enable the cboCurrency only if a value was selected in cboSalary therefore disable the cboCurrency when value in cboSalary was set to blank? Thanks, Jassim
javascript exception thrown only after load() and only in IE
I am using a in-browser pop-up (hidden div) with a full screen overlay set to 50% transparency to make the pop-up the center of focus. I utilize show() and hide() with no problems as long as the content of the pop-up div is hard coded in the HTML. However I need to have the content of the pop-up div be generated via a .load() or .ajax() (I have used both the problem is the same with each). The content loads no problem and the pop-up div is visible. However, when you click anywhere on the screen
Next Page