Tooltip delay to hide issue.
Hi, Looking for a code check & edit if I may for tool tooltip. Here is the page in question http://www.theremotedoctor.co.uk/accaudi.html I am struggling to apply a delay before the tooltip closes. PC works fine click to show & move mouse to hide. iOS click to show & click to hide but would like to apply 4 second delay for hide after first shown. Many thanks if you can help.
animate() doesn't work for appended img src
http://jsfiddle.net/jsfiddle135/p10dcrfw/ By loop, images are appended and displayed all right. But animate opacity works, not left property. I think a special work shall apply to appened images. Best regards,
file path - relative or absolute
Nothing is displayed in the body. Why????? <body> <button id="start">go</button><br> <img src="../../../../../../img/ jQuery.jpg" alt="Hello, jQuery1"><br> <img id="move" src="../../../img/ jQuery.jpg" alt="Hello, jQuery2"><br> <img src="../../../../img/ jQuery.jpg" alt="Hello, jQuery3"><br> </body>
Accordion and WordPress
Please don't get mad at me, although I'm sure I deserve it if you do... I have tried to take some content (within div tags) that was on a subpage and "convert" it to an accordion that opens upon hovering over an individual item, all in wordpress. jQuery has the code for this already available, so although I'm very new to WP I thought I'd try it. I took the .js files that jQuery's code was referencing and I put them on my server, and then added the following pieces of code to my header.php: <link
Can't get parent div hover if on iframe in IE.
Hello, I've again searched a lot and haven't found a working solution and I don't understand,what am I doing wrong. I have a divs that contain different iframes.The divs have hover effect,but as soon as the mouse enters the iframe,the hover effect is gone from the parent div.I know that it is an issue only with IE and I know that there is a workaround with jQuery,but I can't get it working. My code so far: if ($.browser.msie) $( ".leftcol iframe" ).hover( function () { $( this ).parents( ".leftcol"
Manipulating Dropped Elements
Hi all, on one of my pages I have two divs, I'll call one of them toolbars and the other designSurface. The toolbar div contains four thumb nails which can be dragged and dropped into the DesignSurface div. I was able to drag and drop the thumbnail image of a grid which represents an HTML table from the toolbar div into the designSurface div. Upon dropping the image, my javascript function was able to create an HTML markup for my table and give it a background color, a uniqe Id, and dimensions.
html tag autocomplete javascript
help me please. here's my site: http://belkaza.do.am when you press on smiley he sent flying above and pressing the "copy" code copied ... Well if you copy the code in which there is <a> it closes automatically turns on </a> <a> text </a>, and I just want to make it <a> text can see through: code review elements and suggest where the script that makes the changes ... help me
$.ajax - Issue with special characters (accents and ñ)
Hi, I execute the below function but when I get the string in TEST_JSON procedure (procedure un PL/SQL) the special characters arrive corrupted. My backend is IAS + mod_plsql with Oracle 10G R2 database (NLS_LANG = SPANISH_SPAIN.WE8ISO8859P1). Where is the problem in the database or in $.ajax configuration? Any help will be much appreciated !! Thanks in advance. $.ajax({ url: "TEST_JSON", type: "post", contentType: "text/html; charset=UTF-8", data: {
Dynamically constructing a FlipSwitch in jQuery mobile
I'm looking for a way to build a new FlipSwitch control inside a container: <div id="container"/> If I run $("#container").flipswitch({ onText:"Stay", offText:"Go"}); the HTML that gets generated is: <div class="ui-flipswitch ui-shadow-inset ui-bar-inherit ui-corner-all"> <a class="ui-flipswitch-on ui-btn ui-shadow ui-btn-inherit" href="#"/> <span class="ui-flipswitch-off"/> <div class="ui-flipswitch-input" id="container" tabindex="-1"/> </div> which doesn't contain my onText/offText labels and
How to insert a "Finished message" in an AJAX script
When the loop in this demo, http://www.toddcary.com/test/ajax3/index.php , finishes, I would like to display "Finished". Since I am such a newbie, I am not sure how/where to put that code in the following: $(document).ready(function() { // Hide the results $( "#send_results" ).hide(); //kick off the process $('#startButton').click(function(event) { $.ajax({ url: 'send_email.php', success: function(data) {} }); //start polling
Con't get the Rest Post response in Jquery Ajax post call.
Hi jquery team, I am calling the Rest call using the Ajax post method but i get the below error or response. {"readyState":0,"status":0,"statusText":"error"} Even i enable the cors($.support.cors = true; ) and crossDomain (crossDomain: true (add in headers)). Here is the sample request function() { $.support.cors = true; var everData = { "UpdateContactRequestMessage":{ "channelPartnerID":"123456", "email":"greg@gmail.com", "firstName":"greg",
Issue with draggable on Ajax populated listview
Hi, I am new to jquery. I have two listviews Populated by some hardcoded values. Now I can use drag and drop from one listview to another properly. Now I have the issue when I populate my draggable listview through ajax call. i give an ajax call to my controller and get the data and populate the draggable. Now the items are not more draggable. I am not able to drag then. Not sure whyt. Please help me in this case. Below is my code <ul id="drag" style="text-align:left;"> <li id="list_4">List item
Deep jQuery inspection on page load with YellowLabTools
Hi everyone, I wrote Yellow Lab Tools. It's an online tool hosted here: http://yellowlab.tools It's designed to help developers speeding up page loading time and one of my main concern is the number of DOM reading/writing. Some heavy websites do more than 5000 DOM access on page load and developers/maintainers of these sites don't realize there is a problem. To help people audit and analyze this problem, my tool has a "JS Timeline" tab, that logs DOM access during page load. The reason I write on
Parallax scrlling doesn´t work in fluid grid layout.
How can I add a jquery effect (parallax bacground effect) in a fluid grid layout? I download it from the web (the effect), I use it in a blank html page and all works correctly. Using it in a fluid grid and no images appears and no effect.. why?
Multiple range sliders?
Forgive me here if this is a basic question but I had a look at both multiple sliders and slider range and can't figure out how to combine them so I can have more than one range slider on the page. I currently have this code: $(function() { $( ".slider-range" ).slider({ range: true, min: 0, max: 500, values: [ 75, 300 ], slide: function( event, ui ) { $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] ); } }); $( "#amount" ).val( "$" + $( ".slider-range" ).slider( "values", 0 ) +
Google Maps inside jQuery Mobile
hello i use jquery ui map for integrate a map in my application but i have a problem with my map it takes a small dimension but when i refresh the page it takes the dimension that i fixed in css file befor refresh after refresh
api to get and set element position in asortable elements stack
I use the sortable functionality and it works fine. I need some api to get and set element position in a sortable elements stack. I need is to locate programmatically an element in a certain position in the stack Are there these functions available? If yes, please give any link to en example. Regards I. Lesher
Adobe Muse using jQuery
Hi everyone, is there any way to put a text resize jquery in adobe muse?
save css rule sets of an entire element including its internal elements
I need to get the css rule sets of an entire element including its internal elements. It should be saved into a variable and then saved in the pc as a cookie or some html cache. Later on I need to restore it and use it for displaying. Is it possible and how? Regards I. lesher
force download a MP3 file
I've seen a few posts that relate to this, but I'm still stumped. I've set up a php file to force download a mp3 file my query script: <a href="music/direct_download.php?file=Go Slow - featuring Eric Siblin.mp3"></a> and in the 'music' folder a php file called 'direct_download.php' - which has this code in it: <?php $file = $_GET['file']; header ("Content-type: octet/stream"); header ("Content-disposition: attachment; filename=".$file.";"); header("Content-Length: ".filesize($file)); readfile($file);
Make dom object not selectable inside <tbody>
< tbody id = "selectable" > @ for ( int i = 1 ; i <= rowN; i ++ ) { < tr > < th > @ i . ToString() </ th > @ for ( int k = 1 ; k <= columnN; k ++ ) { if (k % 2 == 0 ) { < td class = "book success" data-id = @ index > @ index . ToString() </ td > } else { < td class = "book active" data-id = @ index > @ index . ToString() </ td > } index ++ ; } </ tr > } I am using selectable via JQuery UI. I want everything to be selectable except the row header (please see the red that is highlighted). In other
are all jquerymobile phone apps browser based ?
must a jquerymobile app use the phone's browser or can the app be totally independent? if must use the phone's browser, can the app still have an icon on the phone desktop? can the app be logged in continuously, such as to receive order updates or program updates from the main site? thanks
jQuery - add a class when element is visible
What I have done is used jQuery to add a class when an element is visible and certain pixels from the top and when the element is no longer visible on the page by after scrolling back up it removes the classes. It works in Chrome and Safari but I can't get it to work in firefox or IE. Im using Firefox 36.0.4 and have tried on down to 32. IE 8,9,10 wont work either. It works on mobile and I know that the $(window).scroll() is functioning because my sticky nav slides down when you scroll down 50px.
Disable Today and future dates in calendar (URGENT)
Hi I kind of have gotten pushed into JQuery due to a reorg work and of course I already have a little disaster on my hands. I have this existing calendar control that I need to add code to disable todays date and all future dates. Can anyone please help? Also please recommend a jQuery GUI and tutorial to learn from please? My background is C# and .NET. Unfortunately it won't let me paste the code here so could someone indicate if they would be willing to help me?
Sistema em abas
Bom dia gostaria de saber se existe algum exemplo, senão alguma idéia de como fazer com que as páginas abram em abas conforme imagem em anexo ou parecido no caso abaixo tem duas páginas abertas (Portal de Vendas e parceiros) desde já agradeço.
JAWS 16 not reading JQuery Dialog in IE
I have JAWS version 16 which reads Jquery dialog fully when it appears in Firefox. It first says dialog title, then the content of the dialog and then the buttons that are present. In Internet Explorer (IE 10), when dialog appears, it just reads the dialog title and the button name where the focus is set. Is there any work around to make JAWS read the dialog content in IE without using the short cut keys ?
detect sreen width mobile
how to detect screen width browser mobile using jquery anyone can help?
jquery popup
hi dude... I have doubt in jquery popup. please clear to me.. My doubt is when i close the popup the popup alone reset How it is possible.... My code detail.... 1.my popup is autoopen. 2.press escape popup will be close 3.my website have two button sign in and signup.... when i click sign up or sign in didnot open properly $ ("#login").dialog( { width : 500, height: 650, show: 'clip', hide: 'clip', modal:true, autoOpen : true, resizable: false, closeOnEscape:false, open: function(){
jquery fancybox auto resizing image frame *example included
Hi everyone! Please can someone help me with setting up my jquery image preview? I need to set up my gallery to enable option like this example please there click in image and jquery will be opened and then please do resize width of the browser window, you will see that the jquery image preview will resize by itself. Right this function i need to set up! Please tell me what i need to write into my js. file
jScrollPane works for full page but how to get it to work elsewhere? Almost got it but need your help
I would like to figure out how to make http://jscrollpane.kelvinluck.com/ work for not just full body as shown here: http://jscrollpane.kelvinluck.com/fullpage_scroll.html that I managed to get to work but I have looked at almost all demo's and don't know how to make it work on here: http://phpbb.miscy.net/posting.php?mode=post&f=1 <div id="message-box"> <textarea name="message" id="message" rows="15" cols="76" tabindex="4" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);"
dynamically change flip switch options
I have the following "Flip Toggle Switch"... < select id ="Select1" data-role ="slider" data-theme ="b" data-track-theme ="b" data-mini ="true" > < option value ="no">No</ option > < option value ="yes">Yes</ option > </ select > How can I dynamically change the option's innerText values? For example I want the slider to show "Não" and "Sim". Or, "Non" and "Oui". Based on what language they select. I successfully use jQuery to update the text for each option (not the value attribute). But, the
Parse XML for iframe
Hi, since I'm new here, not sure if this is the right place to post a question, so excuse me if it's not) So the goal is to parse links from XML into array to cycle them in an iframe with next/prev buttons, if an array is hardcoded everything works fine, but if I parse it trouble starts. Array.length reads and even loads s[0], but stays there simly reloading the page with next/prev buttons. function array() is loaded from a different .js and works fine, array exists. What could be the problem? [code]
Get ID of randomly generated element
I have a very basic understanding of coding. I'm using a program called SpreadsheetWEB to make web form calculators. It has a function that allows you to use Javascript to modify things you've created using their software. Long story short, they've changed their software rendering my custom function useless. I inserted my custom code into the "Page Onload" portion of their program as follows: <script language="javaScript"> { document.getElementById('btn_Next').style.opacity=0; document.getElementById('btn_Next').style.filter='alpha(opacity=0)';
Guys I can't figure out how to get iCheck to work
I am very bad at jquery but I have it almost figured out: http://fronteed.com/iCheck/ Can't seem to get the load the blue.css file and I don't know why <script src="{T_THEME_PATH}/js/iCheck/icheck.min.js"></script> <link rel="stylesheet" href="{T_THEME_PATH}/js/iCheck/skins/all.css" > <link rel="stylesheet" href="{T_THEME_PATH}/js/iCheck/skins/flat/blue.css" > <script> $('input').iCheck(); </script> Demo here: http://phpbb.miscy.net/search.php
what is render: function() ?
Hello, I am running a snippet of jquery that sends to the console the value of the current top of my page in the viewport. render: function(data) { //Log the current scroll position. console.log(data.curTop); } It works great and I understand the function, but what's with the render: ? I tried to read about it but couldn't find what the render: is doing here, or maybe more specifically, what part of speech it is as it's not a jquery method, nor is it a variable or a function, per se. So what
CropBox - save cropped image to disk
Hi, Im using a plugin called CropBox to crop profile images. Everything works fine, but I have to save the cropped result to disk, and for some reason its not a function for that (why crop an image if you cant save it?) I've read all the documentation and I can get the cropped image as a blob object. but how do I save blob to disk? link to cropbox: https://github.com/acornejo/jquery-cropbox Im thankfull for any help :)
jQuery not working for me
Hi, Ive applied a jQuery to my page but its not working. Please could you check for me. Im a newbie & learning as i go but this has stumped me somewhat. Here is the page in question http://www.theremotedoctor.co.uk/accaudi.html You make the make the item selection on the page,in this case Flip remote key pad. The photo is then loaded. This works fine on the pc. However on the phone after the photo is loaded i then need to manually scroll to the place where the photo has been loaded "content" By
[Resolved] Accordion Menu Not Working After jQuery 1.9
Hello! I'm in the process of updating a website and I am unable to resolve a problem relating to the menu. jQuery was updated to v 1.11.0 and now the menu no longer opens and closes when clicked. This is how it works on the existing site Cornworthy.com And this is the menu not working on the new preview site Cornworthy.com Preview The website was largely put together by someone else and my knowledge of jQuery is very limited. Despite reading the jQuery 1.9 upgrade guide I am still lost - apart from
Update a Joomla Componet that relies on jQuery
I am in a wee bit of a bind, I am not new to Joomla but I am new to adding a custom jQuery plug in call Responsive Tabs...found on the jQuery site ( http://plugins.jquery.com/Responsive-Tabs/ ) The Joomla component is called Calcbuilder by Moonsoft. ( https://www.moonsoft.es/en/calcbuilder-en ) it is built around jQuery. The Moonssoft support has not been very forth coming on how work with it even though I have paid subscription and the documentation is poorly written with no step by step instructions.
Ajax - why do I need to click twice?
Hi, When I add the effect .slideToggle to my code, I need to click the button twice to load the content via Ajax. Why? And how can I combine .load() and .slideToggle() properly? <body> <div class="centerDiv"> <input type="button" value="Click me to load" id="myBtn"> <div id="content"></div> </div> <script type="text/javascript"> $(document).ready(function(){ $("#myBtn").click(function(){ $("#content").load("anotherPage.html").slideToggle();
Next Page