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:

<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<img src="/Img/Illustrations/kicktalkv2.jpg"" alt="Kick Talk" usemap="#kicktalk_map" />

[code]....

View 2 Replies


ADVERTISEMENT

JQuery :: Toggle Slide Open Hidden Div And Slide Close Open Divs At Same Time

Jun 26, 2010

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.

jQuery(document).ready(function($) {
$("#toggle1").click(function () {
$("#toggle1div").toggle("drop", {direction:"right"}, 500);
});
$("#toggle2").click(function () {

View 3 Replies View Related

Open Page To A Specific Slide From Another?

Nov 10, 2010

I have a slideshow on the "Projects" page. The javascript is external.

There's a link on the homepage that when clicked needs to open the Projects page with the appropriate slide loaded. How do I do that?

Here's the code I have for the slideshow code...

View 1 Replies View Related

JQuery :: Get The First Link To Open The Accordions First Area?

Dec 16, 2010

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

$('#scrollbar1').tinyscrollbar({ sizethumb: 10 });
var newsNum = parseInt(window.location.hash.slice(1));
$("#newsfolders").accordion({ autoHeight: false, collapsible: true}).accordion('activate', newsNum );

How do i get the first link to open the accordions first area?

View 1 Replies View Related

Make Toggle Button That Will Display The Specific Container?

Mar 1, 2011

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 :

<div class="post_header">
<div class="post_toggle">Show Post</div>
</div>

[code]....

but it seems doesnt work anymore for this problem as i now i need to find the specific div to be displayed.

View 1 Replies View Related

JQuery :: Open A Specific Tab Via An External Link?

Jan 27, 2011

How to open a specific tab via an external link?

View 3 Replies View Related

Make A Function Image Link To A New Page?

Apr 2, 2010

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"}

[code]....

View 7 Replies View Related

Jquery :: Move Link Onclick Function To Head Section Of Page?

Oct 24, 2010

How do I put this onclick function code...

into the head of my page so I can call it from several similarly situated links?

View 1 Replies View Related

Ajax :: Open A Link From Tree Into A Specific Frame?

Nov 16, 2010

Code... I can open it up in the current page, but the menu is in a frame and I need to open it in a fram called "home".

How can I do that?

View 5 Replies View Related

Creating A Visited Link In The Nav Section Of A One Page Website?

Oct 5, 2010

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.

View 1 Replies View Related

Make Slide In Go Over An Image

Oct 6, 2011

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?

<html>
<head>
<title>slidein</title>
<style>
#headerstudy {width:980px;height:280px;margin:0 auto;padding:0;}
#mainbook {position:absolute;top:7.5em;left:15.4m;border:0 none}
</style>
[Code]...

View 5 Replies View Related

JQuery :: Make Menu Link Open Submenu And Go To Href Location

Dec 2, 2010

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.

View 1 Replies View Related

Calculate Area Of Specific Area In Map Element?

Jan 28, 2010

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:

<html>
<head>
<title>Image map</title>
<script type="text/javascript">

[Code].....

View 9 Replies View Related

Jquery :: Cycle Plugin - How To Link Directly To Slide From External Page

Jun 15, 2010

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].

View 1 Replies View Related

How To Make Link To Open In Same Window

Oct 19, 2010

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?

View 4 Replies View Related

JQuery :: Cycle Plugin - Code - Get My Slides Links To Link To My Other Slide Page

Oct 18, 2010

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.

My Website Code:

New Code:

View 9 Replies View Related

Make A Login Area And User Registration Page

Mar 2, 2010

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.

View 3 Replies View Related

Make Script Link Open In A Top Frame?

Nov 5, 2011

Make the links below open in the "top" or "parent" frame of a window. For example, in HTML, code...

I just do not know how to make the links below perform in the parent window. (or even a new window if that is only possible.)code...

View 1 Replies View Related

Swaps A Toggle Image For News For A Plus Or Minus Sign Showing If The Div Is Open Or Closed

Dec 11, 2009

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.

[Code]....

View 5 Replies View Related

Changing Text Depending On Section Of Content Area

Jun 11, 2010

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?

View 9 Replies View Related

JQuery :: Setting Image To Link To Itself And Open In Colorbox

Jul 20, 2011

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.

<div class="logoImage"><img src="../tym_img_shared/background-2.jpg" alt="Your company logo" /></div>
$(document).ready(function(){
$('div.logoImage img').each(function(){
var $this = $(this);
$this.wrap('<a href="' + $this.attr('src') + '"></a>');
});
});

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?

View 6 Replies View Related

Open Document To Specific Page From App.openDoc?

Apr 20, 2009

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).

View 1 Replies View Related

Code That Will Make The Link Open In The Parent Window?

Nov 24, 2010

Instead of using window.open, which I understand opens a new window, is there a code that will make the link open in the parent window?

View 7 Replies View Related

Perform A Find In Page Search That Looks At A Specific Link, Opens The Page In A New Window?

Mar 29, 2011

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?

View 1 Replies View Related

JQuery :: Image Slide Effect On Page Load?

Jan 14, 2011

I want to slide an image or a page on page load..the below is an example

[URL]

View 2 Replies View Related

Make A Slide Show On The Front Page Of The Site?

Aug 6, 2010

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 */

[code]....

View 2 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved