I have 3 smaller thumbnail images and when I click on any of them, the resulting image displays in the larger image space.
The tricky part is that I want the larger image to become a link that changes, depending on which image is displaying. (I don't want the little images to be links.)
Click here [url] for a visual to explain what I am wanting to do.
Here is what I have for script...but I can't figure out the links...This script works fine, but I can't figure out how to make the larger image have 3 separate links, depending on which image is displaying in it.
What I have is a site with about 10 pictures, each of these pictures needs to be randomly pulled from folders, each picture slot will have its own folder, due to it being categorized. When the picture is clicked i need it to open a new page with the document associated to the picture. Is there a way to do this without having to rewrite the code every time? Because as there are new documents added at the end of each week.Unfortunately the server I use doesn't support PHP, but if it has to be done in PHP I can switch.Like I said though I haven't messed around with web design in a long time
I know I could add onmouseover events to each li item and changing the src of the category. But Im trying to find a better solution. And I think I should be able to use document.getElementById(id).onmouseover = function() for that.
note I know I could use jquery to do all of this very easy but I consider this practice because I don't know that much javascript.
I'm relatively new to jQuery, and I'm trying to figure out how to create a restaurant menu, that when you click on an item on this menu, an image and description will show on the page. [URL]I've looked through several plugins but cannot find this exact solution. Can anyone please point me in the right direction?
I have an idea but don't know if it's possible, from a technical point of view. Imagine to have some text.
Example "John and Mary go to the cinema."
I'd like to have this kind of links. By selecting "John" I can go to: Link 1 (eg. page 1) Link 2 (eg. page 2) Link ...
By selecting "John and Mery" I can go to: Link 4 (eg. page 4) Link 5 (eg. page 5) Link ...
So, the word John can be included in two links. The links are multidirected. Do you know if there is a package useful for this purpose? On the contrary, do you have some suggestion useful to achieve this goal? I really don't know how to start.
It could be nice to have this possibility.
Example "John and Mary go to the cinema."
I could choose:
"[John] and Mary go to the cinema." and then go to select among the possible "John" links.
or:
"[John and Mary] go to the cinema." and then go to select among the possible "John and Mary" links.
Is it possible to submit multiple links all at the same time using Javascript? I check all over the web and can't find any examples anywhere.
I would like to click on a button and submit to google, yahoo, msn, etc all at the same time. Like someone physically click on [url], [url],url], so on.
I'm doing kind of a form that at the end you can pay thru paypal. I have like a table made of anchor tags <a> and each one is styled as a table cell. What I need to do is to have the ability of multiple select this links. It would be: the user select one or more links and then a variable would carry these links name so he could pay with paypal.
I have coded my navigation bar so when you mouseover a button (about us- for example), it displays a sub menu using images below using a simple multiple image swap. When I mouseover another main button, the first ones are replaced with the new sub menu items-images.
All works fine, however, I cannot figure out a way to code into the existing script to assign and make hyperlinks associated with the sub menu buttons change as well. Here's my web page: [URL]
I have just the main nav button links contractor and freelancer activated right now. Here's the code below (using MM_swapImage):
<script language="JavaScript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)
Is it possible to submit multiple links all at the same time using Javascript? I check all over the web and can't find any examples anywhere.
I would like to click on a button and submit to google, yahoo, msn, etc all at the same time. Like someone physically click on [url], [url], [url], so on.
Highlighting a single Link on MouseOver with CSS or JS is simple. But now I have several Links spread over a table. If I have MouseOver on one of those links I also want to have a few of the other links also highlighted because they are related. How would I go about and do that?
With multiple rows. Each row has a unique ID (numerical). I need to be able to click on an a.accept, find WHICH one was clicked (which row it is in), and get the ID of that row. I've been looking around and I found parent(), but I'm not sure how I can specifically get which accept link was clicked.
I have a web page wich has several list like this one:
So several ul's list wich are inside severals divs of class <div class="languages_cont" >
I need to make active the first <a> of each one this ul's and it need to be done in Js (when i say active i mean the <a> text will become bolded, so right now i've been trying using a each but no luck yet, it only selects the first it encounters.
Is it possible to submit multiple links all at the same time using Javascript? I check all over the web and can't find any examples anywhere.
I would like to click on a button and submit to google, yahoo, msn, etc all at the same time. Like someone physically click on [url], [url], [url], so on.
Is it possible to submit multiple links all at the same time using Javascript? I check all over the web and can't find any examples anywhere.
I would like to click on a button and submit to google, yahoo, msn, etc all at the same time. Like someone physically click on [url], [url], [url], so on.
I know how to submit via a text link, using document.frmname.submit(), but you can not attach a value to the A tag, so you can't have several submit links within one form.
I need to do this however! I want to have several text links within one form - submitting to the actionpage, and based on the value of the submit, it will do something different.
Ok, so I know I can do this without problems using the input tag and submit buttons, or I could use seperate form tags for each link, but that would mean a lot of repeating code, and I want to make this as compact as possible.
I am getting to know jquery a little, and I am trying hide and show a div when a link is clicked.I have a page setup that has a flash video in a div on the main page. Then when a link is clicked, a lightbox window opens and plays another video. I am trying to get the video on the main page to hide while the lightbox video is playing. Then when a user closes the lightbox window, the div with the main video on the page is shown and starts playing again.So far I can get this to work with one link. But I cannot get the main video div to hide when a second link is clicked.
I've got a scrolling text field that runs several pages deep, and I want to pop up multiple floating divs that will appear at the site of the text links (however deep in the scroll field). I can get multiple divs to pop by calling them layer1, layer2, etc. but they all pop relative to the position of layer1 (the only one specified in the javascript file). Is there a way to get each layer to appear next to the text link that fires it? code...
I have a form with several rows and each has a text box labeled 'Status'. The user should be able to change the value of Status, then click Save and a GET query will be run in an iframe without interrupting the browser window. To do this I am using a onkeydown event so the Save button's (which is an a href link) href address is changed to what is in the box. But I can't get the box's value to change! Code:
not entirely sure this is possible but I have a site people (owners) to use in the shop. I need to make a public accessible side using the same layout. I decided frames would work for this calling content in sub frame. The problem is 2 of the links in the content sub frame contain sensitive information. I cannot change the content or it will affect lots of other users. I cannot edit the content as it affects too many people. It does not reside on the same server.
So I need to change what happens when 2 of the links are clicked. I know the urls, can I force, maybe using code embedded in the top frame, to make 2 links go somewhere else. I.e page loads 2 frames, one is header, other is content.
If customer clicks "trade-prices.html" in the content frame they are taken somewhere else (of my choice) by code sitting in parent to prevent them seeing it. I need to prevent 2 links from opening, or force them to open another page/substitute if > then scenario would be ideal e.g if url trade-price.html link is clicked/loaded then redirect to
I am using jquery with the cookie plugin and I have multiple image buttons that can hide/show multiple elements. My question is how can I add a cookie to this code to remember whether each separate element is opened or closed?
The code, $(document).ready(function() { // choose text for the show/hide link - can contain HTML (e.g. an image) var showText='<div class="expanddown"></div>'; var hideText='<div class="expandup"></div>'; // initialise the visibility check var is_visible = false; // append show/hide links to the element directly preceding the element with a class of "toggle" $('.toggle').prev().append('<a href="#" class="togglelink">'+hideText+'</a>'); // capture clicks on the toggle links $('a.togglelink').click(function() { // switch visibility is_visible = !is_visible; // change the link depending on whether the element is shown or hidden $(this).html( (!is_visible) ? hideText : showText); // toggle the display - uncomment the next line for a basic "accordion" style //$('.toggle').hide();$('a.toggleLink').html(showText); $(this).parent().next('.toggle').slideToggle('fast'); // return false so any link destination is not followed return false; }); }); HTML, <a class="togglelink" href="#"></a> <div class="toggle"> Content </div>
I am trying to make the link on each day in the calendar go to a new page on the site instead of populating a form with the current day.
For example, if you click July 6, 2011 I need it to go to /events.php?page=calendar&event-date=2011-07-06 The link shows "/events.php?page=calendar&event-date=" when you hover over it, but it does not actually link to anything. I also need to dynamically pull the date clicked into the url.
I was wondering if there was a javascript code out there that can change outgoing links. For example, lets say someone took/ripped my website. Could I have a javascript code in there that could change the outgoing links? Something that wouldn't be obvious in the code.
Guys I am following the DHTML Utopia book and can not get the following code to work. Can anyone suggest where I am going wrong. All I want to do is change the direction of where the links pointing.
Code:
<script type="text/javascript"> var sitepoint_link = document.getElementById('splink'); sitepoint_link.href = "http://www.google.co.uk/"; </script>
