HTML - Multiple Href's ?
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 Similar TutorialsI 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> 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! 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> 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, 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! http://www.rrexecutivesuites.com/design_plans.htm This above link takes you to the website I'm working on. It also takes you to the page I'm having trouble with. You've got a list of thumbs in an iframe on the righthand side and an enlarged view of the thumb on the lefthand side. You click on one of the thumbs and its enlarged view appears on the lefthand side. There's something annoying about the thumbs though. When you click on one, it scrolls back up to the top. I'd prefer that nothing happens except that the enlarged view changes to match the thumb the user clicks on. Right now, I have href="#" in the a tag for each thumb, and this seems to bring it back to the top (its real functionality is specified in the onclick="..." attribute). I'd like to have nothing at all, but when I don't include a value for href, it ceases to be a link. Is there some value to assign to href that maintains it as a link yet keeps it from doing anything (except for changing the enlarged view) - something like a null value? 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? 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 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 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 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? Please help. This is what I have so far http://bartletagency.com/m/x2.php Now, obviously with business cards there many different options. I need something to calculate on the side the total after picking each drop box option, or if easier, after hitting "calculate total." (preferably with the numbers in a table so I can make it appear by itself right underwear the send button) . Example: 1000 business cards in blue, say, would need to come up at 50 dollars if they pick 3-1, but if they pick 3-22 it needs to come up 60 dollars if they pick the other color, green, and pick 3-1, the label would need to turn to $55.00, if they pick 3-2 with the color green the label would need to say $65.00 how can i do this please? here is the code I have which made up the PHP file i linked you to above. code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <html> <head> <title>Lesson 3</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <?php if ($_SERVER['REQUEST_METHOD'] != 'POST'){ $me = $_SERVER['PHP_SELF']; ?> <h1 align="center">Business Cards</h1> <form name="form1" method="post" action="<?=$me?>"> <table border="0" align="center" cellpadding="5" cellspacing="0"> <tr> <td align="right" valign="middle">Quantity:</td> <td><select name="Quantity: "> <option value="1000">1000</option> <option value="2500">2500</option> <option value="5000">5000</option> <option value="10,000">10,000</option> </select> </td> </tr> <tr> <td align="right" valign="middle">color</td> <td><select name="color"> <option value="blue">blue</option> <option value="green">green</option> </select> </td> </tr> <tr> <td align="right" valign="middle">3</td> <td><select name="3"> <option value="small">3-1</option> <option value="medium">3-2</option> </select> </td> </tr> <tr> <td> </td> <td><input type="submit" name="Submit" value="Send"> </td> </tr> </table> </form> <?php } else { error_reporting(0); // initialize a array to //hold any errors we encounter $errors = array(); // test to see if the form was actually // posted from our form $page = $_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF']; if (!ereg($page, $_SERVER['HTTP_REFERER'])) $errors[] = "Invalid referer<br>\n"; // check to see if a name was entered if (count($errors)>0) { foreach($errors as $err) echo "$err<br>\n"; echo "<br>Please use your browser's Back button to fix."; } else { // no errors, so we build our message switch($_POST['color']){ case 'red': $recipient = 'mathew420@gmail.com'; break; case 'green': $recipient = 'mathew420@gmail.com'; break; case 'blue': $recipient = 'mathew420@gmail.com'; break; default: $recipient = 'mathew420@gmail.com'; } $subject = "Widget On Line Order"; $from = stripslashes($_POST['Name']); $msg = "Message sent by $from\n"; $msg.="\nSize: ".$_POST['size']; $options=$_POST['options']; $msg.="\nOptions:"; if ($options) for ($i=0;$i<count($options);$i++) $msg.= "\n- $options[$i]"; else $msg.="\n- None"; $msg.="\nColor: ".$_POST['color']; $extension=($_POST['extension'])?"Extension: Yes":"Extension: No"; $wallmount=($_POST['wallmount'])?"Wallmount: Yes":"Wallmount: No"; $deskmount=($_POST['deskmount'])?"Deskmount: Yes":"Deskmount: No"; $msg.="\n$extension\n$wallmount\n$deskmount"; $msg.="\n".stripslashes($_POST['MsgBody'])."\n"; if (mail($recipient,$subject,$msg)){ echo "<p>Thanks for your order!</p>"; echo nl2br($msg); } else echo "An unknown error occurred."; } } ?> </body> </html> thanks so much Hello! I'm Brad. Obviously I'm new here. I have a quick/advanced question to ask. I have lightview set up on my website. On the main page I want the site to automatically launch a lightview window. Conceptually, would it be possible to have a <head> <script> that activates a <a href...>? or is there a better way to launch a lightview window automatically with all the settings? Thank you! Hello, NVM. solved, delete please. I need to attach a link to another page, but this opens up in the current page, how do i open up another new window....? <a href="V:\INFORMATION\\Access to Reporting Services_demo.htm">Show me how!</a> okay i have an html page in 3 sub folders--i need to link the images to this file--they are in another folder: secureweb/forms/templates/thanks.html images are he web/images how would i link the images? .../web/images.image.gif? thanks!!! val Hi, I've spoiled my eyes searching what's wrong with my code: IE 8 works ok with links, Chrome and Firefox shows links only as text. Can someone with brighter eyes & brains tell me what went wrong? Here is the code: _____________________________________________________ HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> _____________________________________________________ CSS: _________________________________________________ a, a:link { text-decoration: none; color: #fff; } a:visited { text-decoration: none } a:active { text-decoration: none } a:hover { font-size: 24px } #navigation ul { padding: 24px 0px; } #navigation ul li { margin: 0; list-style-type: none; } #navigation { font-size: 20px; font-weight: bold; float: left; text-align: center; width: 199px; } #navigation .center { background: url('images/navi-backgr.png') repeat-y top left; } ____________________________________________________________ xHTML: ____________________________________________ <div id="navigation"> <div class="center"> <ul> <li style="color: #feffd8; font-size: 5">Thispage</li> <li> <a href="another.html">Anotherpage</a></li> <li> <a href="third.html">Thirdpage</a></li> <li> <a href="fourth.html">Fourthpage</a></li> <li> <a href="last.html">Lastpage</a></li> </ul> </div> </div> <!-- /navigation --> ____________________ tnx, Lug. |