Inserts a link on a text, a picture, a button or a dynamic picture : Hyper Link « HTML « JavaScript DHTML

JavaScript DHTML
1. Ajax Layer
2. Data Type
3. Date Time
4. Development
5. Document
6. Dojo toolkit
7. Event
8. Event onMethod
9. Ext JS
10. Form Control
11. GUI Components
12. HTML
13. Javascript Collections
14. Javascript Objects
15. Javascript Properties
16. jQuery
17. Language Basics
18. Mochkit
19. Mootools
20. Node Operation
21. Object Oriented
22. Page Components
23. Rico
24. Scriptaculous
25. Security
26. SmartClient
27. Style Layout
28. Table
29. Utilities
30. Window Browser
31. YUI Library
Java
Java Tutorial
Java Source Code / Java Documentation
Java Open Source
Jar File Download
Java Articles
Java Products
Java by API
Photoshop Tutorials
Maya Tutorials
Flash Tutorials
3ds-Max Tutorials
Illustrator Tutorials
GIMP Tutorials
C# / C Sharp
C# / CSharp Tutorial
C# / CSharp Open Source
ASP.Net
ASP.NET Tutorial
JavaScript Tutorial
JavaScript Reference
HTML / CSS
HTML CSS Reference
C / ANSI-C
C Tutorial
C++
C++ Tutorial
Ruby
PHP
Python
Python Tutorial
Python Open Source
SQL Server / T-SQL
SQL Server / T-SQL Tutorial
Oracle PL / SQL
Oracle PL/SQL Tutorial
PostgreSQL
SQL / MySQL
MySQL Tutorial
VB.Net
VB.Net Tutorial
Flash / Flex / ActionScript
VBA / Excel / Access / Word
XML
XML Tutorial
Microsoft Office PowerPoint 2007 Tutorial
Microsoft Office Excel 2007 Tutorial
Microsoft Office Word 2007 Tutorial
JavaScript DHTML » HTML » Hyper Link 
Inserts a link on a text, a picture, a button or a dynamic picture

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>

  <HEAD>
    <TITLE>JsLib 1.3 - Exemple - liens.js</TITLE>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
    <META NAME="Author" CONTENT="Etienne CHEVILLARD">
    <!-- liens.js -->
    <SCRIPT TYPE="text/javascript" LANGUAGE="Javascript">
/* liens.js
 * Role : insere dans la page Web un lien sur un texte, un bouton ou une image
 * Projet : JsLib
 * Auteur : Etienne CHEVILLARD (echevillard@users.sourceforge.net)
 * Version : 1.3
 * Creation : 30/04/2001
 * Mise a jour : 23/02/2005
 * Bogues connues : - Opera remplace les commentaires des liens par leurs URLs
 */

// --- Variables globales ---

// variables communes
var liens_cpt=0;

// --- Fonctions ---

// retourne une adresse e-mail partiellement encodee
function formaterMailtoAntiSpam(nom_email, domaine_email) {
  return(nom_email + "%40" + domaine_email);  
// fin formaterMailtoAntiSpam(nom_email, domaine_email)

// insere un lien vers une adresse e-mail sur un bouton
function lienBoutonEmail(texte, nom_email, domaine_email, sujet, commentaire) {
  if (!sujet) { sujet=""}
  if (!commentaire) { commentaire=""}
  var lcode="<FORM><INPUT TYPE=\"button\" VALUE=\""+texte+"\" onClick=\"window.location.href='mailto:";
  lcode+=formaterMailtoAntiSpam(nom_email, domaine_email);
  lcode+="?subject="+sujet+"';\" onMouseOver=\"window.status='"+commentaire;
  lcode+="'; return true;\" onMouseOut=\"window.status=''; return true;\"></FORM>";
  return(lcode);
// fin lienBoutonEmail(texte, nom_email, domaine_email, sujet, commentaire)

// insere un lien vers une page Web sur un bouton
function lienBoutonWeb(texte, url, cible, commentaire) {
  var ldest;
  if (!url) { url="about:blank"}
  if (!cible) { cible="_self"}
  if (!commentaire) { commentaire=""}
  if (cible=="_self") { ldest="self.location.href='"+url+"'"}
  else if (cible=="_parent") { ldest="parent.location.href='"+url+"'"}
  else if (cible=="_top") { ldest="top.location.href='"+url+"'"}
  else ldest="window.open('"+url+"', '"+cible+"')"}
  var lcode="<FORM><INPUT TYPE=\"button\" VALUE=\""+texte+"\" onClick=\""+ldest;
  lcode+=";\" onMouseOver=\"window.status='"+commentaire;
  lcode+="'; return true;\" onMouseOut=\"window.status=''; return true;\"></FORM>";
  return(lcode);
// fin lienBoutonWeb(texte, url, cible, commentaire)

// insere un lien vers vers une adresse e-mail sur une image dynamique
function lienDynaEmail(imageOut, imageOver, nom_email, domaine_email, sujet, commentaire) {
  if (!sujet) { sujet=""}
  if (!commentaire) { commentaire=""}
  var lcode="<A HREF=\"mailto:";
  lcode+=formaterMailtoAntiSpam(nom_email, domaine_email);
  lcode+="?subject="+sujet+"\" onMouseOver=\"liens_image"+liens_cpt;
  lcode+=".src='"+imageOver+"'; window.status='"+commentaire+"'; return true;\" ";
  lcode+=" onMouseOut=\"liens_image"+liens_cpt+".src='"+imageOut+"'; window.status=''; return true;\">";
  lcode+="<IMG NAME=\"liens_image"+liens_cpt+"\" SRC=\""+imageOut+"\" BORDER=0 ALIGN=MIDDLE ";
  lcode+="ALT=\""+commentaire+"\" ";  
  lcode+="onLoad=\"liens_image_temp=new Image(0,0); liens_image_temp.src='"+imageOver+"'; return true;\"></A>";
  liens_cpt=parseInt(liens_cpt)+1;
  return (lcode);
// fin lienDynaEmail(imageOut, imageOver, nom_email, domaine_email, sujet, commentaire)

// insere un lien vers une page Web sur une image dynamique
function lienDynaWeb(imageOut, imageOver, url, cible, commentaire) {
  if (!url) { url="about:blank"}
  if (!cible) { cible="_self"}
  if (!commentaire) { commentaire=""}
  var lcode="<A HREF=\""+url+"\" TARGET=\""+cible+"\" onMouseOver=\"liens_image"+liens_cpt;
  lcode+=".src='"+imageOver+"'; window.status='"+commentaire+"'; return true;\" ";
  lcode+=" onMouseOut=\"liens_image"+liens_cpt+".src='"+imageOut+"'; window.status=''; return true;\">";
  lcode+="<IMG NAME=\"liens_image"+liens_cpt+"\" SRC=\""+imageOut+"\" BORDER=0 ALIGN=MIDDLE ";
  lcode+="ALT=\""+commentaire+"\" ";
  lcode+="onLoad=\"liens_image_temp=new Image(0,0); liens_image_temp.src='"+imageOver+"'; return true;\"></A>";
  liens_cpt=parseInt(liens_cpt)+1;
  return(lcode);
// fin lienDynaWeb(imageOut, imageOver, url, cible, commentaire)

// insere un lien vers une adresse e-mail sur une image
function lienImageEmail(image, nom_email, domaine_email, sujet, commentaire) {
  if (!sujet) { sujet=""}
  if (!commentaire) { commentaire=""}
  var lcode="<A HREF=\"mailto:";
  lcode+=formaterMailtoAntiSpam(nom_email, domaine_email);
  lcode+="?subject="+sujet+"\" onMouseOver=\"window.status='"+commentaire;
  lcode+="'; return true;\" onMouseOut=\"window.status=''; return true;\">";
  lcode+="<IMG SRC=\""+image+"\" BORDER=0 ALIGN=MIDDLE ALT=\""+commentaire+"\"></A>";
  return(lcode);
// fin lienImageEmail(image, nom_email, domaine_email, sujet, commentaire)

// insere un lien vers une page Web sur une image
function lienImageWeb(image, url, cible, commentaire) {
  if (!url) { url="about:blank"}
  if (!cible) { cible="_self"}
  if (!commentaire) { commentaire=""}
  var lcode="<A HREF=\""+url+"\" TARGET=\""+cible+"\" onMouseOver=\"window.status='"+commentaire;
  lcode+="'; return true;\" onMouseOut=\"window.status=''; return true;\">";
  lcode+="<IMG SRC=\""+image+"\" BORDER=0 ALIGN=MIDDLE ALT=\""+commentaire+"\"></A>";
  return(lcode);
// fin lienImageWeb(image, url, cible, commentaire)

// insere un lien vers une adresse e-mail sur un texte
function lienTexteEmail(texte, nom_email, domaine_email, sujet, commentaire) {
  if (!sujet) { sujet=""}
  if (!commentaire) { commentaire=""}
  var lcode="<A HREF=\"mailto:";
  lcode+=formaterMailtoAntiSpam(nom_email, domaine_email);
  lcode+="?subject="+sujet+"\" onMouseOver=\"window.status='"+commentaire;
  lcode+="'; return true;\" onMouseOut=\"window.status=''; return true;\">"+texte+"</A>";
  return(lcode);
// fin lienTexteEmail(texte, nom_email, domaine_email, sujet, commentaire)

// insere un lien vers une page Web sur un texte
function lienTexteWeb(texte, url, cible, commentaire) {
  if (!url) { url="about:blank"}
  if (!cible) { cible="_self"}
  if (!commentaire) { commentaire=""}
  var lcode="<A HREF=\""+url+"\" TARGET=\""+cible+"\" onMouseOver=\"window.status='"+commentaire;
  lcode+="'; return true;\" onMouseOut=\"window.status=''; return true;\">"+texte+"</A>";
  return(lcode);
// fin lienTexteWeb(texte, url, cible, commentaire)

    </SCRIPT>
  </HEAD>

  <BODY>
    <H1>JsLib 1.3</H1>
    <HR>
    <H2>Exemple - liens.js</H2>

    <NOSCRIPT>
      <P><I>Erreur : votre navigateur ne reconnait pas le Javascript ou est configur&eacute; pour ne
      pas prendre en compte le code Javascript. Dans ce dernier cas, vous pouvez modifier la
      configuration dans les pr&eacute;f&eacute;rences/options de votre navigateur.</I>
      <HR>
    </NOSCRIPT>

    <P>Lien vers page Web sur texte (m&ecirc;me cadre:
      <SCRIPT TYPE="text/javascript" LANGUAGE="Javascript">
        document.write(lienTexteWeb("Site Web JsLib""http://www.java2java.com/",
          "_self""Site Web de la biblioth&egrave;que JsLib"));</SCRIPT>

    <P>Lien vers adresse e-mail sur texte :
      <SCRIPT TYPE="text/javascript" LANGUAGE="Javascript">
        document.write(lienTexteEmail("Mon adresse e-mail""echevillard""users.sourceforge.net",
          "A propos de JsLib""Ecrivez-moi !"));</SCRIPT>

    <P>Lien vers page Web sur image (cadre de base:
      <SCRIPT TYPE="text/javascript" LANGUAGE="Javascript">
        document.write(lienImageWeb("./extra/home.gif""http://www.java2java.com/",
          "_top""Site Web de la biblioth&egrave;que JsLib"));</SCRIPT>

    <P>Lien vers adresse e-mail sur image :
      <SCRIPT TYPE="text/javascript" LANGUAGE="Javascript">
        document.write(lienImageEmail("./extra/mail.gif""echevillard""users.sourceforge.net",
          "A propos de JsLib""Ecrivez-moi !"));</SCRIPT>

    <P>Lien vers page Web sur bouton (nouvelle fen&ecirc;tre:
      <SCRIPT TYPE="text/javascript" LANGUAGE="Javascript">
        document.write(lienBoutonWeb("Site Web JsLib""http://www.java2java.com/",
          "_blank""Site Web de la biblioth&egrave;que JsLib"));</SCRIPT>

    <P>Lien vers adresse e-mail sur bouton :
      <SCRIPT TYPE="text/javascript" LANGUAGE="Javascript">
        document.write(lienBoutonEmail("Mon adresse e-mail""echevillard""users.sourceforge.net",
          "A propos de JsLib""Ecrivez-moi !"));</SCRIPT>

    <P>Lien vers page Web sur image dynamique (nouvelle fen&ecirc;tre:
      <SCRIPT TYPE="text/javascript" LANGUAGE="Javascript">
        document.write(lienDynaWeb("./extra/home_nb.gif""./extra/home.gif",
          "http://jslib.sourceforge.net/""_blank""Site Web de la biblioth&egrave;que JsLib"));</SCRIPT>

    <P>Lien vers adresse e-mail sur image dynamique :
      <SCRIPT TYPE="text/javascript" LANGUAGE="Javascript">
        document.write(lienDynaEmail("./extra/mail_nb.gif""./extra/mail.gif",
          "echevillard""users.sourceforge.net""A propos de JsLib""Ecrivez-moi !"));</SCRIPT>

  </BODY>
</HTML>


           
       
extra.zip( 182 k)
Related examples in the same category
1. Specifies the output device for the object
2. Link Methods
3. Link 'href' Example
4. Link 'hreflang' Example
5. Link color
6. Link protocol
7. Link 'port'
8. Link 'title' Example
9. Link type
10. Link host
11. Link host name
12. 'aLink' Example
13. 'hideFocus' Example
14. 'vLink' Example
15. 'vlinkColor' Example
16. 'alinkColor' Example
17. Mouse over an hyper link
18. Get link infomation in a paragraph
19. Validate Link
20. Output link
21. Illustrate how a URL can be referenced
22. Call function in hyper link
23. Change Link Colors
24. Passing Form Value In URL
25. Using JavaScript linkTo Entities
26. Prevent the browser from following the link
27. Redirect user depending on browser
28. Location: Send the client to a new location (URL/page)
29. URL of a document
30. Change URL and text of a hyperlink
31. Change the target attribute of a link
32. Link focus() and blur()
33. View and change the action URL of a form
34. List the links in a page
www.java2java.com | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.