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. Event
7. Event onMethod
8. Form Control
9. GUI Components
10. HTML
11. Javascript Collections
12. Javascript Objects
13. Language Basics
14. Node Operation
15. Object Oriented
16. Page Components
17. Security
18. Style Layout
19. Table
20. Utilities
21. Window Browser
Microsoft Office Word 2007 Tutorial
Java
Java Tutorial
Java Source Code / Java Documentation
Java Open Source
Jar File Download
Java Articles
Java Products
Java by API
C# / C Sharp
C# / CSharp Tutorial
ASP.Net
JavaScript Tutorial
JavaScript Reference
HTML / CSS
HTML CSS Reference
C / ANSI-C
C Tutorial
C++
C++ Tutorial
PHP
Python
SQL Server / T-SQL
Oracle PL / SQL
Oracle PL/SQL Tutorial
PostgreSQL
SQL / MySQL
MySQL Tutorial
VB.Net
VB.Net 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.java2s.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.java2s.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.java2s.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
w__w___w__._j___av__a_2__s_._c__om___ | Contact Us
Copyright 2003 - 08 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.