|
Website
Design Tips: HTML, JavaScript codes, tips, tricks and techniques
Web Source Web Design Tips
by Shelley Lowery
Highlighting Free for All Links
You can use the code below to highlight your link in some
free for all sites. This code will not work on all free
for all sites, but if you scroll down the page and see some
links already highlighted, you'll know it works. Instead of
typing in your web address, place the code below, with your
web address, into the free for all form.
http://www.yourdomain.com/" STYLE="background:yellow; color:black
You can change the colors to whatever you'd like, but keep
in mind, the text must be visible on the background color.
Tip provided by: Web Source: Your Guide to Professional
Web Design and Development.
http://www.web-source.net
----------------------------------------------------------------------
Web Source Web Design Tips
by Shelley Lowery
Open A New Window With A Button or Link
Button:
<form>
<input type="button" value="Open Window" onclick="window.open
('yourfile.htm')">
Link:
<SCRIPT Language="JavaScript">
<!-- Hide from old browsers
function openwindowlink(){
newwin = window.open("yourdomain.htm","windowname","
height=320,width=320,scrollbars,resizable")
}
// end hiding --></SCRIPT><A href="JavaScript:
openwindowlink()">Open Window</A>
Tip provided by: Web Source: Your Guide to Professional
Web Design and Development.
http://www.web-source.net
----------------------------------------------------------------------
Web Source Web Design Tips
by Shelley Lowery
Close A window With A Button or Link
Button:
<form method="post">
<input type="button" value="Close Window"
onclick="window.close()">
</form>
Link:
<a href="javascript: self.close()">Close Window</a>
Place either code where you would like the button or link
to appear.
Tip provided by: Web Source: Your Guide to Professional
Web Design and Development.
http://www.web-source.net
----------------------------------------------------------------------
Web Source Web Design Tips
by Shelley Lowery
Open A Window on Page Load
The code below will open a new window when a web page loads.
This window may be customized to any size you'd like. Place
this code under the <BODY> tag within your HTML.
<script language="JavaScript">
<!--hide from old browsers
window.open('http://www.yourdomain.com','windowname','
height=320,width=320,scrollbars,resizable'); // -->
</script>
This window will have scrollbars and will be resizable.
The height and width are set to 320, but may be changed to
whatever you'd like. If you'd rather not have the scrollbars,
you can remove the words "scrollbars and resizable."
Tip provided by: Web Source: Your Guide to Professional
Web Design and Development.
http://www.web-source.net
----------------------------------------------------------------------
Web Source Web Design Tips
by Shelley Lowery
Reload A Window With A Button or Link
Button:
<form method="post">
<input type="button" value="Reload Window"
onclick="window.location.reload()">
</form>
Link:
<a href="javascript: window.location.reload()">Reload Window</a>
Place either code where you would like the button or link
to appear.
Tip provided by: Web Source: Your Guide to Professional
Web Design and Development.
http://www.web-source.net
|