I have a list of div as shown in attachments this posts "inizio.gif" but the problem is that div are of different heights see attachments: "problema.gif" can be solved with jquery like in attachements: "risultato.gif"???Attachments problema.gifSize : 4.65 KB Download : 459inizio.gifSize : 4.29 KB Download : 450risultato.gifSize : 23.9 KB Download : 428
I have implemented a site where I made a tooltip, show when mouseover an item. here is the site [url]
The problem is data got from a remote server using ajax. I perform jQuery .hover() on the content got through Ajax. not use .live(). So Now the situation is in IE tooltip shown but in FF and Safari tooltip is not shown.
Here is the js code and make the Ajax call..this is index.php
Code:
Here is the main PHP code where using CSS and JS hover implemented.
This code works in Chrome, but not in IE <html> <head> <script type="text/javascript" src="jquery.js"></script> </head> <body> <img src="mchief1.jpg" /> <script type="text/javascript"> var tehImg = $('img[src="mchief1.jpg"]'); tehImg.attr('src', "mchief2.jpg"); </script> </body> </html> In Chrome, the second image is shown, while in IE the first one is.
I have this code which when you click the delete button of a particular row, it shows up the div .delete over that particular row, and when clicking on the cancel button on the .delete div, it'll close that the .delete row revealing the .row div again (the .row div doesn't actually hide, I handle the overlay with z-index). However, I want it so that if one .delete div is already shown I want it to close it before revealing a new .delete div, so you can never have 2 .delete divs open at any given time. ere's my code at the moment:
I'm working with an existing slideshow that's not built with jQuery. I basically need to load an image after the DIV containing the slideshow image is shown. TheDIV will also have an attribute that contains the URL for the image to be loaded.Here is the code.<div style="display: none" rel="http://pathtoimage"></div> What I was is for some jQuery that monitored when the DIV was shown (remove the display: none) and then take the image in the attribute and inject it into the DOM.
I am trying to create a horizontal menu, and I have succeeded in getting the menu to view the way I want it, but for some reason when I mouse over the <li> in the root <ul> it shows me all the <ul> under every <li> at once. Here is a sample. <div id="MainMenu"> <ul id="Nav"> <li class="level1"><a href="~/Default.aspx">Home</a></li> <li class="level1"><a href="~/Default.aspx">Bullitens</a> <div class="SubMenu"> <ul class="SubNav"> <li class="level2"><a href="~/Default.aspx">Home</a></li> ..... .level1 { display: inline-block; margin: 0 10px; height: 25px; padding-right: 20px; } .level2 { padding: 0px 15px; margin: 4px 10px 0px; display: inline-block; } This code would most likely be what is necessary to reproduce my issue. Am I at least close to getting this menu to function the way I want it to?
if i click on a <li>-Element, it's children should be displayed This works fine but if i click on the back button and let me display the same Elements again, the code fails
(try 1 > back > 1 in the jsfiddle) here's a jsfiddle with code i created[URL]..
i don't have a cule what i'm doing wrong here(perhaps there is even a more elegant way to deal with it than parent() and children())
When addClass('choose') to li, there is always a white space right under it. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URl]"> <html xmlns="[URL]"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script type="text/javascript" src="demo_inc/jQuery.js"></script> .....
I have a sideshow to add to a clients site, my plan is to utilise the cycle plugin (correct me if I'm wrong, a little new to all this). The critical aspect is that we have an image which should only be seen once, this being the very first image in the set, this will carry into the cycle/slideshow, but when it loops/repeats i want to skip past this first image.
So, those three divs are hidden, but the middle div is generating data etc... and eventually it will show (or maybe not).. BUT, I only wanna show these divs:
topnoshow bottomnoshow
WHEN actiondiv is show(). I can't use a periodic executor OR add some code to the file that determines when to show "actiondiv".. but there is an event trigger set (see below).
I'm using jQuery but it doesn't work and I don't know why? Here is my code:
<head> <script src="prototype.js" type="text/javascript"></script> <script src="jquery.js" type="text/javascript"></script> <script src="jquery.dataTables.js" type="text/javascript" ></script> <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function() { alert('document ready'); CreateTable(); }); function CreateTable(){ var oTable = jQuery('#example').dataTable({ ..... I got my .js's in the same directory as my jspx file, and the alert ('document ready') is never shown.
how do you detect if an element is visible when you use slideDown() and slideUp() to show/hide it?I have a question with five radio buttons; if no radio buttons are checked error msg displays
if (!$("input[@name='diagnosisHowLongAgo']:checked").val()) { // display error msg; }
I have checked the similiar questions and tried putting overflow on the ui.dialog class but the flash on the page is still being shown when the dialog is opened. My jquery skills are not good at all, how can I hide the flash?
Is there any way to get the FULL path that is shown in the mcDropdown after the selection? this.getValue() only returns the selected value in the dropdown AND $("input#category").val() does the same, instead of showing the full path. I need the full path. Also, I am not getting the arrows on the items that have children even though looking at the CSS in Firebug, I can see them as they are in the path.
I am using jQuery tool tip plugin. It works fine but a problem which I am facing is that on some fields where I don't have a tool tip plugin It shows me the tooltip for the older field (the tooltip for the field which was last shown). The last tool tip is repeated for other fields also which do not have a tool tip. I do not want to show any tool tip where there is none. How can I do that.
I am new to using jquery and had a question about the slider that I use on my portfolio [URL]. The slider works perfectly but the one issue I have is that whilst it is loading you can see all the images that are used in it tiled vertically, overlapping the text and the rest of the site. It basically looks very ugly whilst loading so I was wondering if there is a way to hide the images whilst it loads, or if there is another alternative?
i am following the example ajaxSubmit[URL].... here my code[URL]... i realized that the showRequest work correctly, shown all my form submit values But it doesn't respond "showResponse(responseText, statusText, xhr, $form)" is not execute. the respond prompt is not pop up
I awhen it comes to "developing" jQuery but I am trying to do something that is seemingly something simple but I can't for the life of me, figure out the best way to do it.
http:[url].....
Here, you'll see the area below the navigation that has five buttons which are supposed to help scroll between the five associated divs.All I want to do is hide the currently shown div and then slide in the div associated with the button clicked.http:[url].....Here is what the animation is SUPPOSED to look like but the problem is is that the correct one uses Prototype and I am trying to use only one library and jQuery is the most suitable because I use it for other effects in the site and jQuery and Prototype obviously don't mesh well.
it contains many <Table>s and <Div>s, and there are a Hidden <Div>, it will be shown wehn you click on a button inside another <Div>... when you click on the button the hidden <Div> visible in a left, i want it visible under the button what i clicked on it, or visible under a Div look like a button (Div like a button: changed className). how i can do that ??! i will put the Code Below to drive me right: Code:
I would like to set a status on my page when the user clicks a button while we wait for an AJAX request to return, but that text never shows up. If you run the code below and click the button, you never see "working...". You just wait for 2 seconds, and then you see "DONE". How can I force the browser to render changes to the page as I make them?
I use javascript on my business website to show the visitor what time it is in Hawaii.The question I have is whether the time that is displayed on the visitor's screen would be affected by Daylight Savings Time (unlike most of the country, Hawaii doesn't have DST)? I am assuming the time shown on the visitor's screen is adjusted based on GMT and not the time it is in their local time zone. Unforunately I do not understand javascript well enough to know for sure this is true.If it isn't true (and the time shown is based on the visitor's local time zone) then I need to change something before DST begins in March.
When I have this form loading its loading both messages when I told it to hide it and don't know why. I looked inside the source code of the form and it's not saying the jquery function is involved.