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 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).
I've seen websites that had large flash ads that covered content on pages that, after they had run, resized or disappeared.
We would like to use the technology behind that (presumably JavaScript) to show and hide an intro flash on a home page. We would like to have a "close" link on the flash also.
I have searched Google and here but haven't found any good resources and many of the sites I have seen using the technology are no longer using them. I just need a little assistance on the JavaScript part of the puzzle.
We want the flash to start over the copy on the page and then roll out softly when it's done playing, revealing the content below. Code:
What is happening is $(this) is no longer based on .expand being the (this) that is clicked.
like if i have a button SOMEWHERE randomly on the page with this
<div onclick="Minimize('_alerts');">Click Here</div> this will minimize alerts but because the (this) in minimize function doesn't actually point to the right button that I want to add a class to.
Is there a way to modify the minimize function so that it finds the <div id="mytoggle"><ul> <li class="expand boxminimize" rel="_alerts"> using the rel toggle, and then changes the class of the li from expand boxminimize to boxexpanded??
just like the .expand click function I posted on the top of the post that works?
I'm working on a site which lists a group of products and when you click on an "expand" button it loads the rest of the product details and displays the rest of the product information directly below the div that was expanded.Each product summary has a div with the id of "#moreinfo" that expands to show the product details. The link that causes the expansion is this one: ".product5 .moreinfo a".However, only the first div expands when I click any of the products. It does display the correct product info, but always after the first product.My jquery is below. How can I make it expand the correct '#moreinfo div'
$(document).ready(function() { var hash = window.location.hash.substr(1); var href = $('.product5 .moreinfo a').each(function(){
I'm having a little trouble with 2 differentJS scripts. I have a drop down slide menu and a parralex slide gallery. Both work on separate pages and puton the same page they still work however the submenu of the slide down menu does not. if I remove the style sheet that belongs to the gallery
Then the munu works, however (obviously) the page layout goes wrong. if i remove<h1 class="title">Alex Holland Perspective</h1> the menu works however page layout goes wrong andI loose my header
I have the code for a javascript slider in my header. It is supposed to slide a menu out to the LEFT of the facebook icon at the top of my page. Unfortunately....this is not the case. Here are the 2 issues happening. I think they are both related to the javascript, but I do not know enough about it to fix it. [URL]
The attached pic shows what the alignment of the icons, is supposed to look like (my nav menu is pushed down a few pixels, as well). Here is what the sliding menu is supposed to do (top right menu in the white part of the page) [URL]
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?
My goal is to load the JS for a specific element before displaying that element. I integrated a third part script, and it works well. I set the timer here:
The JS is in my heading as <script type="text/javascript" src="countdownpro.js"></script>
About mid-body I have: <span id="countdown1">2010-07-20 00:00:00 GMT+00:00</span> which allows for the setting of a target date to countdown to.
When the page first loads it shows the above long format target time, until the js/meta tags kick in to modify it to just show the actual countdown as 00:00:00.
I have attached countdownpro.js to this post. I tried shifting the function CD_Init() to the top of the script, and also appended it inline with the .html. I tried setting the big external script to "defer", but neither arrangement worked. I also tried placing the src file right at the top.
I need a script that will open a new window (popup / new link) in a specific size, but will also close the old window (where the popup came from). I know the popup window is easy but finding a work-able close window script as the new window is opened is impossible!!
I need a script that can open an external page, or some type of content, in a box. This is kind of hard to explain, but here's what I mean, go to facepunch . com (I'm not a spambot dammit) and click on that litte face at the top.
I've been looking without success for a slide show program that will rotate web pages as opposed to just images. Am I best off just using a banner rotation script or is there something out there that is available for that purpose. The wish list is for a full page rotation ( the page uses SSI) possible fading of images in IE and being able to vary the time of each image. Asking alot?
What I want: An images of a phone is in a fixed position on the right side of the page. When it is clicked, a div with a phone number slides in from the right (pushing the image of the phone left with it). When the image of the phone is clicked again, it slides to the right and is no longer visible again. I've been trying this out with jQuery for a while and cant seem to get anything to work (came close once but it only worked in firefox for some reason. Good example: [URL].
My project is stated in the title, I want to let users who want to see my portfolio click on a button and the portfolio page slide over my index page. Ex. at www.visumdesignz.com over to the left is a button that says portfolio. when you click on it an extruder pops out, I used the extruder for another function, I decided I didn't want that function, but it gave me this idea. I want the extruder to slide over all of the content.
I noticed the facebook app has a similar function to what I am looking for, take a look at it, when you are looking at your dashboard the news feed slides off to the side, that's a similar idea, even though this isn't mobile, you get the idea, at least I hope.
Im trying to use jquery to try to do what the image shows: Its for a website made for iphone so im trying to add the slide effect. It all seems a little complicated, but ill explain: 1-The user clicks a link 2-A loading message (or image) appears Meanwhile, the new page loads on a hidden side (its a FULL page, not just a div)
Does anyone know if there are useful scripts in jQuery that allows me to create a page slide effect like this website?I think the logic behind it is that it loads every single web page of the entire website first, pans them out horizontally, then shifts the page left or right X amount of pixels depending on which link is clicked. I'm pretty new to javascript so I'm not sure where to look, and I don't understand half the code by looking at the source code either