Big Alert Box with Link

Do you want to give a message with an alert box and then send your visitor away? We take it step-for-step here:


First, make an Anker tag:
<a>Click here for message</a>


Choose if you want a color for the linktext:
<a><font color=your_color(or:"#number")>Click here for message</font></a>


Do you want a hand when mouse over?:
<a style=cursor:hand><font color=blue>Click here for message</font></a>


Then we make the Alert code:
<a style=cursor:hand onclick="alert('Your Message here')"><font color="#335588">Click here for message</font></a>


Now, try it out here: Click here for message


In your message you can have a lot of text. You can also make line breake with /n
And you can send your visitor away to another site when they click OK on the Alertbox, just finish your link in the Anker tag:
<a href="http://winfolinx.com" target="_blank" style=cursor:hand onclick="alert('Your Message here')"><font color="#335588">Click here for message</font></a>


So, now we make the message:
<a href="http://winfolinx.com" target="_blank" style=cursor:hand onclick="alert('To add a target to a link use this syntax:\n\n &#34;http://www.winfolinx.com&#34; &#34;target=_blank&#34;\n\nPREDEFINED TARGETS ARE:\n\n&#34;_blank&#34; &nbsp;: Open in new window\n&#34;_parent&#34; : Open in superior frame\n&#34;_top&#34; &nbsp; &nbsp; &nbsp;: Cancel all frames and Open in current window\n\n\nFRAMESET TARGETS:\n\nIf your page is divided into a frameset, you can also enter the name\nof a framewindow as a target. This will open the link in the specified framewindow.\n\nFor example:\nIf you want Winfolinx to open in a framewindow\ncalled MAINWINDOW.HTML you would enter this url:\n\n &#34;http://www.winfolinx.com&#34; &#34;target=MAINWINDOW.HTML&#34;')"><font color="#335588">Click here for message</font></a>


(Note that 2 x \n (=\n\n) gives you 2 line breakes. Don't ever use line shift on your keyboard!)
(Note 2: To show " you have to write &#34 instead)

Now, try it out here: Click here for message


Of course, now you don't need the font color when you have a link. You can just remove the font color code if you have another style, or you can just let it be there....

Free JavaScripts provided
by Winfolinx.com


Back