Convertir ce bout de code (texte) en lien cliquable

[Anonymous]

Bonjour, le code suivant affiche l'URL d'une image sous la forme :

Lien de la photo : XXXXX.COM/X

Cependant, j'aimerais que ce lien devienne "cliquable" et s'ouvre dans une nouvelle fenêtre.

J'espère avoir une petite aide,
Cordialement.

Photo link :&nbsp;&nbsp;&nbsp; <span id="code" class="wl">Loading Code ...</span><br /><br />
		<!--Share Url :&nbsp;&nbsp;&nbsp; <span id="url" class="wl">Loading Share Url ...</span><br/><br/>-->
		<span id="url" class="wl" style="display:none;"></span>

 

[padadam22]

Il ne manque pas un truc dans ce code ? Il est appelé à quel niveau le lien vers la photo ?

 

[titouf7512]

j'ai pas très bien compris, mais il me semble que tu veuille une image sur laquelle on clique, et que cela nous emmène vers une autre page "onglet" ou se trouve uniquement cette image, perso j'utiliserais ça :

<a href="XXXXX.COM/X" target=_blank>
<div> <img src='X'></div>
</a>

si tu veux que ca s'ouvre dans une nouvelle "fenetre" je c pas comment faire, c du java apres je crois

 

[sonn]

Le code ci-dessus est bon, juste les balises divers qui sont inutile je pense. C'est l'utilisateur qui définir si ca s'ouvre dans une nouvelle fenêtre ou un nouvel onglet, du moins en HTML... en javascript, tu veux faire ce que tu veux (forcer une nouvelle fenêtre) mais je suis pas trop sur..

 

[franckM]

<a href="XXXXX.COM/X" target=_blank>
<div> <img src='X'></div>
</a>

La boite <div> au milieu d'une balise <a> j'en voit pas du tout l'intérêt.

en javascript, tu veux faire ce que tu veux (forcer une nouvelle fenêtre)

J'ai déjà utilisé ce code javascript pout le faire:

<script>
function fenetre(site) {
  var lalargeur =  640  ; // ici la largeur de la fenetre
  var lahauteur = 480 ;  // ici la hauteur de la fenetre
  var yes = 1;
  var no = 0;
//Ici, vous choisissez l'apparence de la fenêtre (menu, barre d'adresses...)
  var menubar = no; //  Fichier, Editiion, Affichage...
  var scrollbars = no; // scrollbarre horizontale & verticale 
  var locationbar = no; // Barre d'adresse
  var directories = no; // Barre de liens
  var resizable = no; // Permettre à la fenetre d'être redimensionné 
  var statusbar = no; // Status bar (with "Document: Done")
  var toolbar = no; // retour, Home, Stop bar d'outil
  var t = (screen.height-lahauteur)/2 ;  // pour centre selon la hauteur de l'écran
  var l = (screen.width-lalargeur)/2 ; // pour centrer selon la largeur de l'écran

   propriete = "width=" + (lalargeur) + ",height=" + (lahauteur) +  ",top=" + t +",left=" + l ;
   propriete += (menubar ? ",menubars" : "") + (scrollbars ? ",scrollbars" : "") + (locationbar ? ",location" : "") + (directories ? ",directories" : "") + (resizable ? ",resizable" : "") + (statusbar ? ",status" : "") + (toolbar ? ",toolbar" : "") ;
   
         popup = window.open(site,'titre',propriete) ;
}
</script>

Ensuite, dans le code html:

<a onClick="fenetre('le lien à ouvrir')">Le lien à ouvrir</a>

Ca va bien pour une image, il suffit d'adapter les variables "lalargeur" et "lahauteur" à la dimension de l'image.