|
HTML - Script Onload A Href?
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! Similar TutorialsOk, here's the problem. I have 2 onload functions. One is directly inside the body tag but the other is in a seperate script. Obviously I'm posting because I have a problem, they don't work together. I know that there's a workaround using javascript but I couldn't seem to implement it. Can someone specifically tell me what the script is, where to put it, etc (as specified as possible) Hi guys, Im trying to get the following section of code to validate. However I have no idea what is wrong with it.. Code: <a href="#" target="_blank" onclick="openLiveHelp(); return false"><img src="http://www.mydomain.co.uk/livehelp/include/status.php" id="LiveHelpStatus" name="LiveHelpStatus" border="0" alt="Live Help" onload="statusImagesLiveHelp[statusImagesLiveHelp.length] = this;"/></a> This code is entered in the body of the page. The doctype is.. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> The error I am getting with the validator is.. Quote: there is no attribute "onload". ...s" border="0" alt="Live Help" onload="statusImagesLiveHelp[statusImagesLiveHe You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead). This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information. How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash. Any help with this would be appreciated. Many thanks. Dan Hi, I have a page with 3 frames... aframe, bframe, cframe what I want to do is, when the html (frame1.html) loads in aframe, I want (frame2.html) to be loaded in bframe automatically. I believe this can be done with "onload" but i'm not sure how to set it up and I believe onload has to work with scome script? any help appreciated. I have the page setup to preload images for the navigation menu, and when you hover over the buttons the image at the top (toplogo) changes to show the button information. However the images at the top do not seem to be preloading as when you hover over a button the image at the top takes time to load before appearing. The navagation buttons seem to preload correctly... What have i done wrong? page :http://ryv.org.uk/test09 Hello Experts, I would like to open a new web page (say google.com) on browser onload event. E.g : If I have 2 pages a.html and b.html. If I click on run button on a.html, I am getting redirected to b.html.( b.html is a blank html page.) Now once b.html would be opened, google.com should be called and get loaded. Is it possible? Regards, Jonathan i use the following code to preload my hover images i coded in css... HTML Code: <body onload="MM_preloadImages('images/png/fertz.png','images/png/hardscapez.png','images/png/irrigationz.png','images/png/servicesz.png','images/png/lawnz.png','images/png/pondsz.png','images/png/snowz.png','images/png/upkeepz.png','images/png/homez.png','images/png/servicesz.png','images/png/gift_shopz.png','images/png/floristz.png','images/png/galleryz.png','images/png/contactz.png','images/png/eventsz.png')">
the website....http://www.briangelhaus.com/spencer/services.html and the images still dont preload...is there a better way? Hey all. I'm having issues trying to run 2 functions at the same time in onload. <BODY OnLoad="function({ReadRSS('http://rss.news.yahoo.com/rss/science','rssBodyTemplate','rssTitleTemplate'),JSFX_StartEffects()"> I can't seem to get these to work no matter what I do. if I do them individually as in get rid of the other one and just OnLoad one of them, it works great. What's the proper way to run both of these in OnLoad? Is it possible to use the onload command outside of <body> tags, or is there some other way to have the same effect? As a part of a project I am doing I want to display images on a website. The width/height of the image displayed on the screen should depend on the orientation of the image. The idea is to make the longer side 150px, so if width is greater than height then width=150px, else if height > width, then height=150px. Is there a simple way of doing this? My solution to this is to store the image height and width in a database (I already need to create a database for images), and am using onLoad attribute to change the width/height based on a boolean parameter which tell the orientation of the image, a test version of the code is here (wait for the image to load) http://www.confusionart.com/public/test.html However, as you can notice, first the complete image is loaded and then resized to the desired size. i.e. there is a unnecessary switching of sizes on screen. Is there any way to avoid this. 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> 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? 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 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 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 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 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. 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? 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 |
|||||||