JQuery :: Make An Image Map Area Link To Another Page And Open A Specific According Section Via Slide Toggle?
Oct 31, 2011
How to make an image map link to another page AND open a specific accordion section?I guess I need a script that knows which area of the image map was clicked and not only navigate to page 2 but opens the section via slide toggle I need it too.Here is the the page with the image map (although image map version not upload yet so I have what will be uploaded below)[URL] ...and the page I need to navigate to based on the area of the image map clicked and also slidetoggling the div I need it [URL] Here is the image map:
Trying to learn the basics... Here is a script for three toggle buttons that each when clicked open their corresponding divs. Fine. Now how does one go about automatically closing an open div when clicking on a new 'toggler' that opens it's div? I see other posts about this very question, but I'm just not grasping the logic.
i have made a small accordion on a sub page on my site, when you come to the site all areas are closed (as the shud bee.on my frontpage i have some links to the accordion, that when clickd takes you to the page with the accordion and shud oppen the coresponding accordion area. I can get it to work for all the links except for the one to the first accordion area.
i link to the accordion page like this<a href="news.html#0" title="News 1"> <a href="news.html#1" title="News 2"> <a href="news.html#2" title="News 3">
link 2 and 3 opens the accordion as the shud but link it wont open the accordion the script for the accordion looks like this
I want to make the toggle button so that it will display the specific hidden container..for the example let say that i got all of these list of containers :
I have made a javascript image viewer where there are thumbnails at the top and when you click on them the bigger image below the row of thumbnail image changes accordingMy question is, how do i make the larger image become a hyperlink to the corresponding page it represents. Alternatively, it would not be a problem if a caption could be displayed below which i could make into a hyperlink.Here is my script .js file
function img1click() {document.IMG.src="imagelibrary/dazzlebig.jpg";} function img2click() {document.IMG.src="imagelibrary/gunshotbig.jpg"} function img3click() {document.IMG.src="imagelibrary/searoombig.jpg"}
Anyone know how I can change the color of a text link on a page that doesn't load a new page, but rather stays on the same page?The nav links already use an onClick to present content below it that changes depending on what link in the nav I select. In other words, there's already two things going on -- links take you to content on the same page using a JS onClick.What I want to add to that is when you click on the link, it changes style, like turns bold or changes color. So then the user knows that not only have they selected new content, but the link they selected stands out as well.
I've pared this down as much as I can to demonstrate the issue. What can I do to make the slide in go over the top of the image rather than underneath as at present?
I have inherited some code that changes the behavior or menu links with submenus to open the submenu but I need it to both open the submenu and go to the link location.
Here is the code: $('#leftNav #menu li a').click( function() { $('#leftNav #menu li a').removeClass('selectedAccordion'); $(this).addClass('selectedAccordion'); $('#leftNav #menu ul.currentnav li a').removeClass('selectedAccordion'); $('#leftNav #menu li ul li a').removeClass('selectedAccordion'); //$(this).parent('li').addClass('selectedAccordion'); var checkElement = $(this).next(); if((checkElement.is('ul')) && (checkElement.is(':visible'))){ return false; } if((checkElement.is('ul')) && (!checkElement.is(':visible'))) { if(checkElement.parent().parent().parent().is(':visible')) { checkElement.slideDown('normal'); return false; } $('#leftNav #menu ul:visible').slideUp('normal'); checkElement.slideDown('normal'); return false; }}
How do I put back the behavior to open the submenu AND go to the link location? I found I could add location.href = $(this).attr('href'); and go to the correct, but then the submenus slideUp and are hidden again. I can't figure out why changing the page closes the menus.
writing a javascript function to calculate the area of a specific area in map element wich attached to image once clicked by mouse on the relevant hotspot? here's down my code i'm trying to complete:
I've set up a portfolio using the Cycle Plugin. It works great, but now I want to link directly to one of the slides from the home page, and I'm not sure how to make this work or where to even begin. Here is a page on my site with a slideshow using Cycle. (I'm actually transitioning divs, not just images) [URL].
I am using Code: window.open('../move_delete_contact.php?ID=[ID]&action=edit') to open up a window but this opens a new window is there something to make it so that it opens in the same window instead of a new window?
Someone kindly produced some code for me so I could get my slides links to link to my other slide page. The thing is I am using the "pagerAnchorBuilder" option on my original slide and I cannot seem to get the new code I was given working with my code on my website. Can someone advise me on how I can get the new code working with thepagerAnchorBuilder.
I want to make a login area and a user registration page. I don't want to build this from scratch, so I'm looking for a script or application that I can insert into my website.I know WP and Joomla have a login area and a user registration page, only I'm looking for a lighter version. A login area like WP or Joomla but without all the other features that I don't need.
I have this little snippet of code that swaps a toggle image for news for a plus or minus sign showing if the div is open or closed. This code has worked before but i made a couple modifications today and it stopped working unexpectedly and i'm not sure why its failing. I am presetting the div tag with a plus sign with css and then modifying it with javascript. The problem i am having is that when the div tag has been opened it does not swap the image to min.gif anylonger. It remains max.gif.
This is what I want to achieve: a fixed positioned div next to my content area where the text changes depending on the section of the content area the user is reading. Can this be achieved, and how?
I have an image that has been resized via CSS to show as 100x100px on an HTML page. When clicked, I want to open the image in a colorbox - so the user can see the non resized/squashed version as it will normally appear. I've worked out how to set the path of the href to itself (so this doesn't have to be changed every time) (see below), although not sure how to get the colorbox part working - I tried changing 'each' to 'colorbox' - as per how you would normally assign the colorbox, and it opens, it just doesn't load the image in it.
Thinking about it, perhaps it would be easier to also set the 're' attribute of the link whist setting the source? $(document).ready(function(){ $('div.logoImage img').each(function(){ var $this = $(this); $this.wrap('<a rel="gallery" href="' + $this.attr('src') + '"></a>'); }); }); Doesn't work for some reason - but it does if I hardcode the URL and rel?
I have a pdf document toolkit.pdf (202.81K)Number of downloads: 81 that serves as a home page or table of contents for reference materials. This is NOT a web-based document. We use this as a reference tool in a face-to-face classroom setting. Each item on the list or table of contents is a button that the user clicks on to see a dropdown menu of reference documents. Javascript is used to execute the individual documents in the dropdown menus. I am trying to get a document sfract.pdf (112.5K)Number of downloads: 72 in the dropdown menu to open at a certain page. I don't want to set this at the document level, because we have several references that open the same document at different pages.
The javascript is:
if (cChoice=="Boating Infrastructure Grant Program") var otherDoc = app.openDoc ("sfract.pdf", this); else
How can I get the document to open "sfract.pdf" to a certain page (like page 30)? I have attached the home page/table of contents (toolkit.pdf) and the document I want to open to a certain page (sfract.pdf).
It is possible to perform a find in page search that looks at a specific link, opens the page in a new window and finds the text within that document?? Basically I regularly use an html page in work that has a list of people and their telephone numbers. I want to be able to type in a searchbox on my main page and it open the target page and find the name I am looking for? Is this possible or can you only Find In Page on the same page or another frame?
i have to make a simple site for my sister and i am kind of a newbie at the whole web development thing am pretty ok with html tho. wo i was trying to make a slide show on the front page of the site, so i got a little help from a site called java script city,
var my_imgs_off = new Array(); var my_imgs_on = new Array(); /* Set "Off" image URLs */
