HTML - Call Javascript Function In A Href
In my art page I have a series of thumbnail, when you clcik on them a javascript function is used to show them in fullsize next to all the thumbnails.
However sometimes I want to link to my art page with a certain thumbnail expanded. How can I achieve this. This is what i have so far but its not working Code: <a href="art.html" onlcick="expandThumb("expandSrc")">thumb4</a> Thanks in advance Calypso Similar TutorialsHi I am trying to implement jQuery hovercard as specified he http://github.com/rrrene/tipsy.hovercard This code as an example uses data-url which specifies a html page that contains the html to use in the hovercard. But my site uses Smarty classes and so the images i want to show in my hovercard have already been found and the links loaded into variables. How do I turn this html Code: <a href="some.html" rel="hovercard" title="loading..." data-url="tip.html">Hovercard w/ AJAX Flavour</a> into a statement that reads from a bit script that can load using the variables already populated? I cant find anything on the web about data-url. Its all data:URL. Thanks Darren So I've been trying to set up a search box to blank out its default text when clicked, and reappear when it goes away (if empty). The script works fine--I know that much. However, when using it inside a table inside a form, it seems to fail every single time. Even "this.value=' ' " falls flat on its face. I'm relatively new to HTML, so please bear with me. Below is the script, a text box it does work in, and then the box I'm trying to make it work in. Quote: <script type="text/javascript"> function clickIn(field){ if (field.value==field.defaultValue){ field.value=''; } } function clickOut(field){ if (field.value==''){ field.value=field.defaultValue; } } </script> <form> <input type="text" name="text" id="test" value="test" onfocus="clickIn(this)" onblur="clickOut(this)"/> </form> <form> <tr> <td style="border-style:solid;border-color:#4B7B9F;border-width:1px;"> <!--Search Box Dimensions--> <input type="text" title="Search Terms" name="lookfor" id="search" value="Search the Catalog" onfocus: "clickIn(this)" onblur="clickOut(this)" style="width:300px; border:0px solid; height:50px; padding:0px 3px; position:relative;"/> </td> <td style="border-style:solid;border-color:#4B7B9F;border-width:1px;"> <!--The search button--> <input type="image" value="Go" src="Search Button.jpg" style="border-style: none; width: 50px; height: 50px;"/> </td> </tr> </table> </form> Hi Everyone, Please refer to attached test.zip. Open a.htm, tested under IE, Safari, Firefox no problem, but ONLY google chrome fail, seems cannot use call parent javascript function under the child iframe. Please advice. Thanks hi everybody, I am working in a html. I defined a functiion in a html file.(first.html) I want to call that function in another html file.(second.html) How can i call that function in second.html file? give some sample code Thanks in advance.... Hey guys.. im fairy new to html and javascript. the problem im having is.. i want to use a hyperlink from one page to redirect me to another, but once the second page is loaded i want to call a changeLocation() function that i have written to change the focus of the screen on a map. ive been googleing a lot and have played around with code like a href="blah.com/index.php?id=593#" onclick="changeLocation()" but am yet to have any luck..any help would be much appreciated, jared. I have a problem with the setTimeout(); function My example: <script language="javascript"> <!-- setTimeout("document.write('<img src=...>')",3000); setTimeout("document.write('<img src=...>')",6000); //--> </script> When I execute it, the first img would be display but the second wouldn't. So I tried with other statements like this example: <script> setTimeout("alert('hello')",2000); setTimeout("alert('hello')",4000); </script> And this worked fine, the two alertboxes where displayed one after the other. Greets, Errorman Hello, I specified an if/else statement. Now, I would like to, in addition to "getting an element by Id", include an anchor (i.e., href="#span1"). below is what I have so far. where do I insert my reference to an anchor (i.e., href=...)? thanks! <SCRIPT language="JavaScript"> <!-- function getSet() { var r=Math.random(); if (r>0.5) {document.getElementById('set1').style.visibility='visible'; else {document.getElementById('set2').style.visibility='visible'; } //--> </SCRIPT> I'm trying to setup HREF (Hyperlinks) to go to UNC. The reason for this, is that I need to have users click a link on the page to install their printers, so any example of a UNC (that they could type into the run line) would be: \\PRINT-SERVER\PRINTER1 or \\Print-server\Printer2 But, when I type this in to my HREF statement, I get a permissions error when I try to click the link. However, if I copy that same link into the run line, it works. Can anyone help me here? Thanks very much in advance! ok so i'm using a CMS and I have a page created a header, a left column, and a body I'm trying to have links in the left column display information in the body when clicked however since its a CMS the body doesn't have an actual html page? i've tried <a href="xxxxx.html" target="body">xxxxx</a> However it doesn't work I'm not sure how i'm supposed to be able to link to the body...is there a way that I can label the body? Hi there, I`ve been doing some programming in java and delphi, but now its time for me to try to learn some html/css, and later some php. Anyways, I`m making this test site, where the meny consists of 4 text elements, all containing a href: <a href="foto.html" target="myFrame" id="menu_items">foto</a>; I`m using an external .css file to controll the graphics of the site, and there I have edited the a:visited, hover, active... When I click on one of the menu items, the color changes, as when I hover too. But I would like the first element of my menu, home, to be active when the page loads. How can I do this? Hope you understand my question. Thanks in advance! EDIT: Ok, there has to be an easy answer to this one, so maybe I just didn't explain my problem good enough. =) When I enter the page for the first time (after writing the adress in the adressbar and clicking "GO"), the page loads, and shows the "home" section. My page contains the site-logo, menu, and an iframe which shows the pages (home, foto, contact, and so on) as html files included in the site. As a default, it loads with the home.html in the iframe, and therefor the text "home" in the menu wont change color to the active color, which I set in the external .css file. But when I click on either of the menu items now, after loading the page, it changes color and works fine. What I want, is to set the "home" text in the meny to the active color (or in the active state) when the page is loaded. Sorry for any bad english, doing my best. And again, thanks I added this to my index file to create links Quote: <p> <a> href="mission.html">read about our mission</a> <br> <a> Read the <a> href="http://buzz.headfirstlabs.com">caffeine buzz</a> </p> but in the browser this is exactly what I am seeing: href="mission.html">read about our mission Read the href="http://buzz.headfirstlabs.com">caffeine buzz help? Hello all I am having yet another (i know, i know...) issue with http://fishcaves.com , if you click the logo at the top left in safari it simply redirects you to the main page (fishcaves.com). However when I click the main logo in FF for some reason it pulls uphttp://fishcaves.com/fishcaves.com which obviously doesnt exist. I am confused because the href works like it is supposed to in safar but not FF. Not sure about IE. Any advice would be excellent, thanks. Drew I am making a simple webpage with a menubar (pictures as navigation) and an iframe. I want the pictures in the navigation bar to open different external webpages in the iframe. Now the problem is that these three pictures (blog, works, contact) are linked with href to a javascript because of the image swap effect. (i.e href=javascript:staySet). How do I make them open pages in the iframe when they already have a href value? The page can be viewed he http://stereocilia.net/ This is what I have so far: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- saved from url=(0014)about:internet --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test</title> <style type="text/css"> html, body, div, iframe { margin:0; padding:0; height:100%; } iframe { display:block; width:100%; border:none; } </style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> td img { display: block; text-align: center; } body,td,th { color: #000; } body { background-image: url(http://www.stereocilia.net/background.jpg); background-repeat: no-repeat; background-color: #eeeeee; } </style> <Script Language=JavaScript> var prevClicked = ""; function staySet(curr){ tmpStr = curr.toString(); if (prevClicked != "") { document.getElementById(prevClicked).disabled = false; document.getElementById(prevClicked).src = prevClicked+'1.png' } document.getElementById(tmpStr).disabled = true; document.getElementById(tmpStr).src = tmpStr+'2.png'; prevClicked = tmpStr; } </Script> </head> <body bgcolor="#ffffff" leftmargin="0px" topmargin="0px" marginwidth="0px" marginheight="0px"> <div align="center"><table border="0" bordercolor="" width="100%" cellpadding="0" cellspacing="0"> <tr> <td><div align="center"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr style="background-color:#121616"> <th scope="col"><table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="546"> <!-- fwtable fwsrc="Untitled" fwpage="Page 1" fwbase="ina.png" fwstyle="Dreamweaver" fwdocid = "592585180" fwnested="0" --> <tr> <td><img src="ina_spacer.gif" width="214" height="1" border="0" alt="" /></td> <td><img src="ina_spacer.gif" width="110" height="1" border="0" alt="" /></td> <td><img src="ina_spacer.gif" width="110" height="1" border="0" alt="" /></td> <td><img src="ina_spacer.gif" width="110" height="1" border="0" alt="" /></td> <td><img src="ina_spacer.gif" width="2" height="1" border="0" alt="" /></td> <td><img src="ina_spacer.gif" width="1" height="1" border="0" alt="" /></td> </tr> <tr> <td colspan="5"></a></td> <td><img src="spacer.gif" width="1" height="100" border="0" alt="" /></td> </tr> </table></th> </tr> </table> </div></td> </tr> <tr> <td><div align="center"> <table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="546"> <tr> <td><img src="ina_blank.png"/></td> <td><a href=javascript:staySet('A')><img src='A1.png' border="0px" id='A' onMouseover="SwapImage('A')" onMouseout="SwapImage('A')"></a> </td> <td><a href=javascript:staySet('B')><img src='B1.png' border="0px" id='B' onMouseover="SwapImage('B')" onMouseout="SwapImage('B')"></a> </td> <td><a href=javascript:staySet('C')><img src='C1.png' border="0px" id='C' onMouseover="SwapImage('C')" onMouseout="SwapImage('C')"></a> </td> <td valign="top"><p style="margin:0px"></p></td> <td><img src="ina_spacer.gif" width="1" height="1" border="0" alt="" /></td> </tr> </table> </div></td> </tr> </table> <iframe name="iframe" width="100%" height="100%" src="http://www.htmlforums.com/" frameborder="0" scrolling="yes" > </iframe> </iframe> </div> </body> </html> Hi, I have an html page with an image: <img src="aPic.bmp" width="300" height="340" alt="A Pic"></div></td> I've made it into a link by adding: <a href = "aPic.bmp"> What I would like is when the user clicks on the image it shows them a larger version of the same image. Is there an easy way to set the size of the image displayed when they click on the link similar to the width and height set for the initial bmp? Thanks in advance. I am using the a-href tag on text and images for links to other pages. All is good and working. With text, if the text I link is coloured, with the h-ref tag, regardless of text colour, it becomes blue, and when clicked, purple. I know this is normal behaviour usually, however, I have a title which I would like to be clickable, but remain the colour it is. Is there an attribute I have missed? My history: I am an electrician who likes tinkering with code. I have done a fair amount of tinkering and creation of perl coding. HTML is fairly natural to me, but may not be xhtml current. Google is the god. Cheers all or anyone for any pointers, or links to tuition siteS! Total beginner here so please treate me gently... I have just written my 1st bit of html, using frameset and tables. All has worked ok, nothing grand, just 3 frames. Frame19(name="banner") is like an address banner, frame2("nav") is a navigation bar using a table and frame3("main") being like a main page which changes dependent on the navigation bar cell chosen. I've used href to navigate with which is working fine when only one action is required but I can't seem to get two actions to work, ie selecting in the navigation frame changes the other two frames. Have tried several variations of multiple href's but never get anywhere, expect it's syntax but stuck now. Ideally I want to select within the nav frame which then updates the banner and main frames, is this possible? bit of nav.htm I'm using: <tr> <td><font color="#000000" face="Calibri" size="3"><a href="Smain.htm" target="main">Scouts </a></font> </td> </tr> Thanks for any help Hi, i have a problem with a intranet page that i am editing. I created it using quanta plus on my laptop testing with Firefox and it worked fine. I then moved the file to my network drive at my work place and tested with IE and again this worked fine. I then moved the file to the intranet webserver and this is when things started to go wrong. When i click on the the link to open the excel file for some reason IE adds the webserver to the path. eg when i hover over the link, the text at the bottom of the screen reads //webserver/file:R:/shares/file.xls. Of course this path is incorrect so the window fails to open. Has anyone come across this problem before and know how to fix this? See below for example code. Any help/advice greatly appreciated. Rgds Barry <a href="file:R:/shares/file.xls" target=_BLANK><big>Click Here<big></a> Hi: I'm trying to understand the following <a href> puzzle: <a href="#;return false;" onclick="answer('q11');"> lotsa stuff in here </a> In the above brief fragment of an html page (with Javascript), Can anyone provide a 'word' explanation of the following 'phrase' taken from the above: href="#;return false;" (what is that # sign doing there anyway) btw, there is a javascript function in the header of the page that is (I guess) directly related to this 'phrase' -- but I don't understand the relationship. TIA, -Mel Smith Hi, new to list. I have a php page which has the results of a database query listed in 3 columns. One of the columns is a href with uses a name and code, opens up a form within an iframe and is supposed to use the list items in the form, however on one of them it only uses part of it - eg. <a href=http://<servername>/production/job_load.php/?code=$row[5]&job_name=$row[4] target=\"rpt_frame\">$row[4]<a> If $row[4] is "BOB and Fred" for example, it will only use "Bob" and ignore everything after the first space. It's an issue in several applications and I've had to work around it but I really need it this time. Everything else works fine. Any suggestions anyone? I have a link that handles being clicked with javascript. Currently I am doing the following: <a href="#" id="foo"> click me </a> And I handle the event of when foo is clicked in javascript. Ideally I would like it not to show the fake hyperlink when hovering over the link. Is there a better way to do what I am trying to accomplish? I want to keep the mouse icon changing when hovering over the link. Thanks, Mike |