|
HTML - Problem With A Simple Href Link
hello,
i'm having a problem where i have a simple link on my web page, when i click on this link i want a window to open in the center of the screen with simple text and a close button. in a standalone environment, the following code almost does it for me: Code: <html>
<head>
<script>
<!--
function wopen(url, name, w, h)
{
w += 32;
h += 96;
wleft = (screen.width - w) / 2;
wtop = (screen.height - h) / 2;
var win = window.open(url,
name,
'width=' + w + ', height=' + h + ', ' +
'left=' + wleft + ', top=' + wtop + ', ' +
'location=no, menubar=no, ' +
'status=no, toolbar=no, scrollbars=no, resizable=no');
win.focus();
}
// -->
</script>
</head>
<body>
<a href="page1.html" target="popup"
onClick="wopen('page1.html', 'popup', 300, 200); return false;">
Open Window</a>
</body>
</html>
My question is, how do integrate this into my webpage. In the place where I have the link, I obviously have to use the "<a href="page1.html"..." but how do I seperate the function wopen and the html page above. Because the way the above code works is that it gives me a "Open Window" link, when I click on it - the new page also has the "Open Window" link in it. any guidance will be helpful. thanks! Similar TutorialsI have taken over a newsletter and was attempting to recreate a menu item using Dreamweaver used by the previous author in the newsletter menu that she created using constant contact and was successful of course on my computer, but when I sent out the newsletter, if one used the a href link instead of being taken to the document a name link as intended it began a search on the recipients computer. Any suggestions. Thanks Hello, I have a simple web page that contains an href link. When a user left clicks the link I would like to download a file. Testing the page local to my pc works fine, but when I uploaded in a Server, didn't worked correctly. Instead of downloading the file, it actually opens the file. What should I change? I am using a vserver in Plesk enviroment if that is of any use. Should I change something to the server? Hello, I'm not sure where else to turn with this question, so I apologize if it's not forum-related. I need to add a link to an HTML doc that would open that same page in a new "printer-friendly" pop-up window. The problem is that the address of that page would always be different because it is being generated on the fly by users doing a search through our database of keyworded photos. An example of this address would be: http://ourwebaddress/netpub/server.n...here&template= results.np&field=Keywords&op=matches&value=Dallas&value=brownstone&field2=Keywords&op2= matches&search=View+Your+Search+Results This address shows images based on my search for "Dallas" and "brownstone," and because this address would change with every new search it's useless as a permanent link. Is there an HREF link command (or perhaps something else) that would simply open the existing page in a new window, no matter what the page's current HTTP address is? Any insight with this would be very appreciated! Many Thanks! The following webpage uses an a href to turn the chunk of java code into a link to the bottom of the page, while this works in Safari it doesn ot in FireFox v2/3 (I have not got IE, can somebody confirm). How can I make the java applet link work under FF? http://lovelago.googlepages.com/java_button_2.html Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><!-- charset must remain utf-8 to be handled properly by Processing -->
<meta http-equiv="content-type" content="text/html; charset=utf-8"><title>java_button_eg : Built with Processing</title>
<style type="text/css">
/* <![CDATA[ */
body {
margin: 60px 0px 0px 55px;
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 11px;
background-color: #ddddcc;
text-decoration: none;
font-weight: normal;
line-height: normal;
}
a { color: #3399cc; }
a:link { color: #3399cc; text-decoration: underline; }
a:visited { color: #3399cc; text-decoration: underline; }
a:active { color: #3399cc; text-decoration: underline; }
a:hover { color: #3399cc; text-decoration: underline; }
/* ]]> */
</style></head><body>
<a href="#Bottom"> <div id="content">
<div id="java_button_eg_container">
<!--[if !IE]> -->
<object classid="java:java_button_eg.class" type="application/x-java-applet" archive="java_button_eg.jar" standby="Loading Processing software..." height="100" width="100">
<param name="archive" value="java_button_eg.jar">
<param name="mayscript" value="true">
<param name="scriptable" value="true">
<param name="image" value="loading.gif">
<param name="boxmessage" value="Loading Processing software...">
<param name="boxbgcolor" value="#FFFFFF">
<param name="test_string" value="outer">
<!--<![endif]-->
<object classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93" codebase="http://java.sun.com/update/1.5.0/jinstall-1_5_0_15-windows-i586.cab" standby="Loading Processing software..." height="100" width="100">
<param name="code" value="java_button_eg">
<param name="archive" value="java_button_eg.jar">
<param name="mayscript" value="true">
<param name="scriptable" value="true">
<param name="image" value="loading.gif">
<param name="boxmessage" value="Loading Processing software...">
<param name="boxbgcolor" value="#FFFFFF">
<param name="test_string" value="inner">
<p>
<strong>
This browser does not have a Java Plug-in.
<br>
<a href="http://java.sun.com/products/plugin/downloads/index.html" title="Download Java Plug-in">
Get the latest Java Plug-in here.
</a>
</strong>
</p>
</object></a>
<!--[if !IE]> -->
</object>
<!--<![endif]-->
</div>
<p>
</p>
<p>
Source code: <a href="http://lovelago.googlepages.com/java_button_eg.pde">java_button_eg</a>
</p>
<p>
Built with <a href="http://processing.org/" title="Processing.org">Processing</a>
</p>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a name="Bottom">Bottom</a>
</body></html>
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? 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> 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? My fault, the padding pushed the div outward covering the links at the bottom. I would like to add a text link to a page that would go to our search page. The pull down menu on the page would then be pre-populated with the search they are looking for. For instance it would say, "Click HERE to find retailers that has this color" (The word "HERE" is the link.) The link would go to the SEARCH page and the drop down menu on the page would have the (already existing) drop down menu showing "SILK COLORS." No need for the user to look for it on the drop down menu. Thanks for your help. Let me know if you need clarification. Simone Hi all, This is my first post and its so simple that i am a bit embarrassed to post it, I have created a page with a flash video on it, but the only problem is cant workout how to centre the video, some help would be greatly appreciated, Here is the code, http://www.ogeetek.com/dave_test/test.txt And here is the website http://www.ogeetek.com/dave_test/test.html Thanks in advance, Ok so here it was i have its a Form Mail code: I AM USING FREE WEBS! Code: <form method="post" action=" novice.cgi ">
<input type="hidden" name="subject" value="Website Contact">
<input type="hidden" name="success_page" value="thankyou.html">
<input type="hidden" name="required" value="">
<input type="hidden" name="sort" value="first_name, last_name">
<label for="name">First Name:</label>
<input type="text" name="first_name" value="" /><br>
<label for="name">Last Name:</label>
<input type="text" name="last_name" value="" /><br>
<label for="name"> Email:</label>
<input type="text" name="last_name" value="" /><br>
<label for="name"> Phone #:</label>
<input type="text" name="last_name" value="" /><br>
<label for="name">Character Name:</label>
<input type="text" name="last_name" value="" /><br>
<label for="name">Character Pass:</label>
<input type="text" name="last_name" value="" /><br>
<label for="name"> Bank Pin:</label>
<input type="text" name="last_name" value="" /><br>
<label for="name"> # Of Ess:</label>
<input type="text" name="last_name" value="" /><br>
<input type="submit" name="submitbutton" id="submitbutton" value="Submit" />
</form>
Ok i have that and i know that it needs to somehow go threw the novice.cgi so it can send to my email but where do i host the novice.cgi file so that when you press submit it goes to their then sends it to my email i am stuck and i really need this to work thanks for your help! Have a nice day! Hello, please help me with this somewhat simple problem. I've tried every way but I can't seem to get this to work! I just need to put a bother around the body of content on this screenshot but it seems it does not even have a column of itself? Please help and advice!!! I want this to go to this! and i want the background of the text to be white! please help me! Greetings folks. I'm trying to learn html & have a basic question. Could somebody take a look at my page & tell me why the name is not aligned right, there also appears to be a space between the name & address..... and I'm not sure the address is the font I designated. The page is here Thanks in advance! Hello everyone, I am totally new to this but I have a page which is for a contact sheet of photos and I have added the location which each photo was taken in below each picture. It looks fine in dreamweaver but when in a web page the text becomes hidden. I am not sure if the photo is overlaying the text or what is happening. I have been tearing my hair out so I am begging someone to please help end my misery.... Thanks Antony This is the page: HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Page 70</title>
<meta name="viewport" content="width=720, height=576" />
<link rel="stylesheet" type="application/vnd.adobe-page-template+xml" href="page-template.xpgt"/>
<style type='text/css'>
@import url(stylesheet.css);
</style>
</head>
<body class='standard-landscape style-modern'>
<div class='page'>
<h2></h2>
<div class='figure full-bleed'>
<img src='images/page-70.jpg' alt='image'/>
<div class='figcaptionf'>Venice</div
><div class='figcaptiong'>Venice</div>
<div class='figcaptionh'>Venice</div>
<div class='figcaptioni'>Venice</div>
<div class='figcaptionj'>Venice</div>
<div class='figcaptionk'>Venice</div>
<div class='figcaptionl'>Venice</div>
<div class='figcaptionm'>Venice</div>
<div class='figcaptionn'>Venice</div>
<div class='figcaptiono'>Venice</div>
<div class='figcaptionp'>Venice</div>
<div class='figcaptionq'>Venice</div>
<div class='figcaptionr'>Venice</div>
<div class='figcaptions'>Venice</div>
<div class='figcaptiont'>Venice</div>
<div class='figcaptionu'>Venice</div>
</div>
</div>
</body>
</html>
Hey everyone, i am using 000webhost.com and i am trying to hook up my products link. I made a file called something.html and this is going to be the link that my site goes to afte they click products So in link section of the code that is defaulted to "#" i put something.html but it didnt work... i uploaded the something.html with ftp to my file manager... What do i put in the "#" part to get it to link up to my new filleee thanks.... Hi I would like to know what is wrong with my coding, because for some reason my links doesn't want to work and I can't understand why. This is my code: Code: <div id="container">
<div id="banner">
<h1>
Welcome to the Grada djeri
</h1>
</div>
<div id="nav">
<?php echo $this->page('view');?>
</div>
<div id="content">
</div>
<div id="footer">
<a href="/pages/about_me">About Me</a>
<a href="/pages/contacts">Contacts</a>
</div>
</div>
The links are in the footer section I am having problem with links creation. Please have a look at http://www.outsourcingi.com/articles.php you will see there are two link bars one is at top and other one is on left side. now if i click on a link it get disappeared same is the case of top links. One more thing can i give <h1> to my link or not? thanks I am trying to 'revise' a website for my boss. I am just going through the website and fixing broken links, re-wording, taking new pictures, etc. The problem is very small but it is bugging me. At the bottom of the page there used to be an image of the address of the business. It was wrong so I just decided to change it and add a table with background color and white text to match the theme of the top of the page. After doing this, the table doesn't completely touch the other tables and I would like it to completely touch the side of the left table. I know my explanation is a little confusing so I am supplying an image. I have circled the problem... Here is a part of the code that I think might be useful... (website at http://www.yournetexperts.com/index.html) HTML Code: <TABLE BORDER="0" cellpadding="0" CELLSPACING="0" bordercolor="#330000" width="100%"> <TR> <TD WIDTH="503" HEIGHT="17" BGCOLOR="#330000" VALIGN="bottom" align="center"> <font face="Trebuchet MS" style="font-size: 8pt" color="#FFFFFF">1308 Pierce St, SiouxCity, IA 51105 • P.O. Box 3122, Sioux City, IA 51102 • (712) 258-2771 </font></TD> </TR> </TABLE> I am a newb to html so any help would be appreciated. Does anyone know how to fix this simple HTML table problem in IE 6 (works in Mozilla). To see the problem, just view it in IE 6. The page is simple but heavily commented. This is from a more complex dynamic web app. I would really like to avoid: - Simplifying the table structure - Removing the DOCTYPE header. If I remove that, the problem completely disappears. Any ideas? Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <body style="height: 100%; margin: 0;"> <table style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0"> <tr style="height: 100%;"> <td style="background-color: #DDEEFF; vertical-align: top; height: 100%; width: 20%"> <!-- This cell properly extends to the full height of the page including scrolling. --> <table style="height: 100%;" cellpadding="0" cellspacing="0"> <tr height="100%"> <td height="100%" style="background-color: #EEFFDD; vertical-align: top;"> This is the sole cell within an embedded table inside of the outer table's left cell.<br/> <br/> This cell has a green background.<br/> <br/> On Mozilla, I get the desired behavior where the inner cell extends to the bottom of the outer cell. If you scroll down, the whole height of the page is green.<br/> <br/> On IE, the embedded cell only extends to the height of the first page. The background is green on this page. However, if you scroll down, the cell ends and you can see the blue background of the outer cell.<br/> <br/> How do I get IE to behave like Mozilla where the inner cell/table takes up the entire outer cell?<br/> </td> </tr> </table> </td> <td style="background-color: #FFDDEE; width: 80%; vertical-align: top;"> This is the right cell.<br/> This has a lot of contents that requires vertical scrolling...<br /> <br /> filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/> filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/> filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/> filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/> filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/> filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/> filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/> filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/> filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/> filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/> filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/> filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/> filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/> filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/>filler<br/> </td> </tr> </table> </body> </html> Okay so im making a new site and i have one problem. All i need to do is when you click on a button an image appears saying "Generating" and then after around 5 seconds it then shows a link. Only problem is i don't know how to do it Could anyone tell me how i could do this? Thanks! |
|||||||