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




<!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>
Inserts a link on a text, a picture, a button or a dynamic picture : Hyper Link « HTML « JavaScript DHTML
