Rendre cliquable une adresse email

Version imprimable

Bonjour à tous,

Je souhaite rendre une adresse cliquable présente dans un li. Mon souci le script me renvoie bien l'adresse email mais sans le lien.

Merci

Code:

1
2
3
4
5
6
7
8
9
 
<ul>
<li class="name">Nom prénom<br></li>
<li>adresse@fai.fr</li>
</ul>
<ul>
<li class="name">Nom 2 prénom 2<br></li>
<li>adresse2@fai.fr</li>
</ul>

Code:

1
2
3
4
5
6
7
8
9
10
11
 
// Fonction Jquery
$(function(){
    var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
    $(".trombinoscope ul li").each(function(){
        if(emailReg.test($(this).html())){
            var email = $(this).html();
            $(this).html().replaceWith('<a href="mailto:"'+email+'">'+email+'</a>');
        }
    });
})

10/01/2013, 15h53
Bovino

Tu te trompes dans l'utilisation de .html() et .replaceWith().

Code:

$(this).html('<a href="mailto:"'+email+'">'+email+'</a>');

Code:

1
2
3
4
5
6
7
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
$(".trombinoscope ul li").each(function(){
  if ( $(this).text().match(emailReg) ){
   mail=$(this).text();
   $(this).empty().append( $('<a href="mailto:'+mail+'">'+mail+'</a>')) ;
  }
})

10/01/2013, 16h11
totofbagui

Voici ce que me retourne la modification le script :

Code:

<a <a href="mailto:adresse@fai.fr">adresse@fai.fr</a>"="" href="mailto:">adresse@fai.fr</a>
10/01/2013, 16h25
Bovino

Ah oui tiens... j'étais passé à coté de ça ! :aie:

Code:

$(this).html('<a href="mailto:'+email+'">'+email+'</a>');

Désolé mais cela ne change rien :

Code:

1
2
3
4
 
$(this).html('<a class="email" href="mailto:"'+email+'">'+email+'</a>');
 
<a class="email" adresse@fai.fr"="" href="mailto:">adresse@fai.fr</a>

10/01/2013, 16h35
SpaceFrog

tu as testé avec mon code ?

oui avec ces 2 codes :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
    $(".trombinoscope ul li").each(function(){
        if($(this).text().match(emailReg)){
            email = $(this).text();
            $(this).empty().html('<a class="email" href="mailto:"'+email+'">'+email+'</a>');
        }
    });
 
 
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
    $(".trombinoscope ul li").each(function(){
        if($(this).text().match(emailReg)){
            email = $(this).text();
            $(this).html('<a class="email" href="mailto:"'+email+'">'+email+'</a>');
        }
    });

10/01/2013, 16h40
SpaceFrog

qui n'ont rien a voir avec le code que j'ai proposé ...
10/01/2013, 16h43
Bovino

Citation:

Envoyé par Bovino

Code:

$(this).html('<a href="mailto:'+email+'">'+email+'</a>');

Citation:

Envoyé par totofbagui

Code:

$(this).html('<a href="mailto:"'+email+'">'+email+'</a>');

Tu n'as pas modifié ton code !

avec ton code :

Code:

1
2
3
4
5
6
7
8
9
10
 
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
    $(".trombinoscope ul li").each(function(){
    if ( $(this).text().match(emailReg) ){
        mail = $(this).text();
        $(this).empty().append('<a class="email" href="mailto:"'+mail+'">'+mail+'</a>') ;
    }
    })
 
<a class="email" c.bousseau@ireo-beaupreau.fr"="" href="mailto:">c.bousseau@ireo-beaupreau.fr</a>

10/01/2013, 16h50
Bovino

Oula... quand ça veut pas rentrer, ça veut pas rentrer... :roll:

Toi :

Code:

$(this).html('<a href="mailto:"'+email+'">'+email+'</a>');

Moi :

Code:

$(this).html('<a href="mailto:'+email+'">'+email+'</a>');

Tu vois la différence ?

avec ce code cela fonctionne :

Code:

1
2
3
4
5
6
7
8
9
 
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
    $(".trombinoscope ul li").each(function(){
    if ( $(this).text().match(emailReg) ){
        mail = $(this).text();
        // $(this).empty().append('<a class="email" href="mailto:"'+mail+'">'+mail+'</a>') ;
        $(this).html('<a class="email" href="mailto:'+mail+'">'+mail+'</a>');
    }
    })

merci à vous