Discussion :

[totofbagui]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>');
        }
    });
})

[Bovino]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>')) ;
  }
})

[totofbagui]

Voici ce que me retourne la modification le script :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a <a href="mailto:adresse@fai.fr">adresse@fai.fr</a>"="" href="mailto:">adresse@fai.fr</a>

[Bovino]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[totofbagui]

Désolé mais cela ne change rien :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[SpaceFrog]

tu as testé avec mon code ?

[totofbagui]

oui avec ces 2 codes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>');
        }
    });