Enlace con clic y descripción
Compatibilidad:
Ms Internet Explorer
,
Netscape
Este script visualiza una descripción de los sitios seleccionados dentro de un campo textarea y el título dentro de un campo text. Para llegar al sitio indicado, se pulsa el correspondiente botón.
[
Muestra el ejemplo práctico
]
el código para insertar en tu página
<!-- w w w . h t m l p o i n t . c o m --> <HTML> <HEAD> <!-- Código descargado gratuitamente de HTMLpoint, el sitio italiano del web publishing http://www.htmlpoint.com --> <TITLE>Ejemplos Javascript: ejemplo práctico </TITLE> <script language="JavaScript"> <!-- function linkDisplay(selection) { if (selection=="1") { document.form.info.value="HTMLpoint e' il sito italiano sul Web publishing"; document.form.go.value="http://www.htmlpoint.com/"; } else if(selection=="2") { document.form.info.value="La piu' grande raccolta di applet java italiana"; document.form.go.value="http://www.htmlpoint.com/java"; } else if(selection=="3") { document.form.info.value="La piu' grande raccolta di Javascript italiana"; document.form.go.value="http://www.htmlpoint.com/jscript"; } else if(selection=="4") { document.form.info.value="Raccolta di GIF animate e sfondi per pagine Web"; document.form.go.value="http://www.htmlpoint.com/grafica"; } else if(selection=="5") { document.form.info.value="Il primo sito in italiano su DHTML"; document.form.go.value="http://www.htmlpoint.com/dynamic"; } else if(selection=="6") { document.form.info.value="La piu' grande raccolta di True Type Font italiana"; document.form.go.value="http://www.htmlpoint.com/font"; } else { document.form.info.value = "For more information please mail me."; document.form.go.value="mailto:apalmer@dircon.co.uk"; } } function moreInfo() { var page=document.form.go.value; window.location=page; } //--> </script> </HEAD> <BODY bgcolor="white"> <center><form name=form> <table border=0 width=400> <tr> <td align=center><a href="javascript:linkDisplay(1);">HTMLpoint</a><br></td> <td align=center><a href="javascript:linkDisplay(2);">Applet Java</a><br></td> <td align=center><a href="javascript:linkDisplay(3);">Javascript</a><br></td> </tr> <tr> <td align=center><a href="javascript:linkDisplay(4);">Gráfica Web</a><br></td> <td align=center><a href="javascript:linkDisplay(5);">Dynamic HTML</a><br></td> <td align=center><a href="javascript:linkDisplay(6);">Fuente</a><br></td> </tr> <tr> <td colspan=3 align=center> textarea name=info rows=4 cols=40 wrap=virtual>Para mayor información, haz clic en el enlace/textarea><br> <input type=button name=button value="Raggiungi la sezione" onClick="moreInfo()"> <input type=hidden name=go value=""> </td></tr> </table> </form> </center> </body> </html> <!-- w w w . h t m l p o i n t . c o m -->
