I have thmbnails of pictures on a page & i would like to open up the full picture (which is already present on the page, but I have used css to display:none on it) in a div (ie overview) when user hovers over the pictures so on the pictures I have done:
I have been trying to do some tooltips for a website and desperately wanted to learn something new and do that with jQuery.However, every time a mouse hovers over a tooltip, all hidden divs are shown, not just the one that supposed to. Here's my html:
I'm looking for some javascript to work with wordpress (jQuery preferrably) that will show/hide multiple divs on one click.
I had one working but it was kinda janky because it was causing me to have two divs with the same ID on one page. No good.
Since I updated to wp2.8.3 prior to launch, it's not working. So I've decided to just try and do it right.
Here's a page: [URL]
So, what I want to happen: On page load, the first tab: "general" and it's corresponding div beneath should be showing. And the first image should be showing. The other content divs and images should be hidden. I've given the text content divs a dashed border to show their borders. When a visitor clicks "dine at home" the general div and image hide, the second content div shows, as does the second image (it's currently the identical image, but the client may change later.) Etc.
I'll be using this function on a few other pages as well.
how to adjust this javascript to work on two different IDs at once?
I will have a list of numbered links and whenever one is clicked, I want to change the content of a <div>. Is there a simple command that does this? I've read a bit of jQuery but could not find this info.
Is there any way that I can make it so it hides all divs and then toggles the one I want WITHOUT having to write it out like this. is there a 'hide all' option?
Why does the .stop() need to be in there and why is it located before the .animate() command, it has nothing in regards to the .stop() in the .animate() documentation...Im just a few days into jQuery and want to make sure I understand everything.
I am trying to create some divs that hide and show when a link is clicked. There may be multiples on the same page and it each needs to functionindependently.
I've added it to jsfiddle : [URL]
When the user clicks a show more link the first time nothing happens. If you do it again the div expands as planned (great!). If you do it again to close it slides back up but then bounces straight down again (Not Great!). I can't figure out what I've done wrong!. Eventually I'm going to add more functions to show some hidden data as well.
I am using the jQuery .load() command to place the output of an PHP script (to load the latest tweets from my account via a JSON call) in a particular <div> (.twitter). The scripts work fine in FF, Opera and Chrome, but IE6,7,8 and Safari don't show anything at all.
I'm building a body shape calculator which jQuery Cycle turns into a truly beautiful form. However...
The original problem:When a parent element is the slide, any child form labels and inputs cannot be selected if the same click is used to advance the slide. They can be clicked, and the slide is advanced (they were given a 'next' className), but the input is not selected/checked.
[Code]....
While my calculator form UI feels great using cycle, I feel like I'm totally underusing an excellent plugin when it comes to the 'next' functions - do I need to use a 'before' callback instead? I'm not 100% sure how to employ it.
I am using javascript to switch between a series of divs, on clicking a navigation tab the divs display property is set to 'block' and all other divs have their display property set to 'none'. That works fine, the problem I have is when I redirect to another page (e.g. a PHP script) on return to the index the divs have reset and only the default div is shown, rather than the div that was showing when the user left the page. The solution, as I see it, is two stages: Write a function to display the relevant div based on the variable passed to it, then work out how to pass this variable around various pages (post/get). I am very inexperienced with javascript and it drives me mad that the script literally does nothing rather than throwing up an error (as in PHP) but this is what I have so far in terms of a function:
I am trying to use the LPR command inside a javascript to print a PDF file directly to the printer. Want just a simple webpage with a button which will print test.pdf when clicked. code...
I know very little when it comes to javascript. If you know of a better way to use the lpr command
If I have a link to a URL such as <a href="http://www.mysite.com/somecode.htm?5">Link1</a>, and if I include javascript in the somecode.htm file, is there a javascript command that I can use which will read the argument 5?
For that matter, is there anyway to send an argument to the javascript code of an html link you are calling. Server scripts are not an option for me.
For example, assuming that index.htm contains 50 links, I would like each link to point to the same html file, but I want that javascript code in that html file to execute something different depending on which link was clicked.
My only other alternative would be to create 50 similar html files which to me looks like amateur or bad coding.
I'm working on integrating the a javascript wysiwyg editor (Xinha) with my blog software (ExpressionEngine, aka EE). EE has extensions now so it's easy to get the Xinha header code into the head section of the EE web page.
But Xinha likes to use an onload command to launch:
window.onload = xinha_init;
....and EE is already using the onload command in the body tag of the web page:
I know this should be kind of easy, but I am very unfamiliar with Javascript.
What I am looking to do is have an image (coupon) that when clicked on, it either prompts for printing only that image, or pops up a window and automatically after loading the image in the new window, brings up the print dialog box. What would you suggest is the best way to do this?
We have an app in which we want to enable our users to open numerous documents in new browser windows.
I got the new window open thing down but each time I open a new document it opens it in the same popup window. I want to be able to select new documents and open those selected documents one at a time in a new browser window as the custormer selects a new document to open.
I am having some trouble with one of my buttons, the one button works fine but my second one doesnt work at all. The second button should open the same page as the first and maximize it.
Unfortunately, the hover and visited commands do not seem to affect the code I have provided. We've managed to incorporate the a:link command, as you can see, but not the other style features. Is there any way of adding the a:hover and a:visited command to the script? I've put the bit that we need to add these commands to in bold. I have tried several permutations of these commands, but it doesn't seem to have any effect on the text that is displayed.
There's some command I forgot that you can type into the address field of a web browser that will cause it to display the source code for that page instead of the page itself. Can anyone tell me what it is? It's something like:
viewsource:http://mysite.com or view:http://mysite.com or source:http://mysite.com
im not sure now to word it, or how to do it, im a php coder not a javascript -.-but here it is, basicly i have one ajax file and wish to use it for everypage,i tryed to do it so i can just call one function for all ajax uses, but forms seem to be thowing me off when i call it, i stat if its a form or a element,
function ajax(str, b, c) { a = b; type = c; if (type === 'form') {
[code].....
in this, the variable a is set as the id of the elemnt/form, it works fine for elemnts, but not for forms,i think this is because its thinking a is the id, not the variable,
Within my Flex application I write stuff to the browser via a javascript document write.Is there a command to send to indicate I want to close that stream? When I send the command the rotating indicator keeps running indicating the browser is still expecting some stuff. If I click the stop button on the browser it stops spinning and the stuff I sent (an xml stream) becomes available. As this is an automated process, there is no person to hit the stop button.