[DOM] Cr�ation de lien dans des balise en place

**Super_baloo8** · 19/04/2007, 19h12

Bonjour et excusez moi de vous d�rangez, mais je n'arrive pas � trouver de script javascript que me permettent de faire ce que je souhaite.

Je suis, comme on dis, un newbie dans la programmation javascript, j'ai pas mal de mal � le comprendre.

J'�sp�re que vous allez pouvoir m'aider.

Sur cette page, j'ai du contenu qui est masqu� par javascript, puis lorsque que l'on clique sur les logo, le contenu s'ouvre.

Le probl�me, c'est que si on navigue au clavier, il est impossible d'ouvrir les contenu.

Donc pour r�soudre ce probl�me, il faudrais que je cr�e automatiquement des liens en javascript dans les balises <h2>.

Vous allez me dire pourquoi ne pas les mettre � la main ? Tout simplement car si le javascript est inactif, ca ne sert � rien du tout d'avoir des liens � cet endroit.

Merci pour votre aide !

**LEK** · 19/04/2007, 21h57

Si c'est vraiment ce que tu veux faire alors tu n'as qu'� g�n�rer directement tes liens et tes balises avec javascript :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
document.write("<h2><a href='#'>Here is my logo!</a></h2>");

Mais c�t� accessibilit�, il y a mieux... L'id�e �tant d'essayer de conserver l'ergonomie que l'utilisateur ait ou non d�sactiver javascript!

Invit� · 19/04/2007, 22h23

Pour afficher ton contenu masquer, tu utilise surement un appel de fonction grace � onClick. Pour que �a fonctionne avec la navigation au clavier, il faut doubler cet appel avec onFocus (m�me �v�nement que onClick mais lors d'une s�lection au clavier, s'emploie de la m�me fa�on).

Bonne chance !

**Super_baloo8** · 20/04/2007, 00h24

Envoy� par sbooob

Pour afficher ton contenu masquer, tu utilise surement un appel de fonction grace � onClick. Pour que �a fonctionne avec la navigation au clavier, il faut doubler cet appel avec onFocus (m�me �v�nement que onClick mais lors d'une s�lection au clavier, s'emploie de la m�me fa�on).

Bonne chance !

J'utilise la librairie Jquery pour obtenir les effet de hide/show avec glissement. J'ai pu le r�aliser en lisant ce tutorial sur le net.

Je suis vraiment naze en js.

**Fabrice ROUXEL 1** · 20/04/2007, 01h48

En javascript, tu as � disposition les �v�nements suivant:
- onKeyDown
- onKeyPress
- onKeyUp

On leurs associe, de mani�re classique, un gestionnaire d'�venement.
Une chose � savoir, c'est qu'il existe un objet Event qui est automatiquement cr�� par le navigateur puis transmis en param�tre au gestionnaire d'�venement.

Cela offre l'opportunit� de g�rer les touches press�es.
Attention les propri�t�s de l'objet Event diff�rent suivant les navigateurs et leurs versions.
Soit Event e.
1/ Sous Firefox on a e.charCode qui contient le code Ascii de la touche appuy�e.
2/ Sous IE c'est e.keyCode qui contient l'entier repr�sentant ce code Ascii.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<script type="text/javascript">
document.onkeypress = keypressHandler;
function keypressHandler(e){ 
  e = e || window.event;
  if (event.keyCode == 13){ // touche entrée
    // code spécifique
    return true;
  }	
}
</script>
<body>
</body>
</html>

**Super_baloo8** · 20/04/2007, 09h41

Merci pour ces pr�cision Fabrice, (moi c'est Sylvain)

Je prefererais ne pas avoir � d�finir de touches � la place de l'utilisateur.

Si je ne trouve pas un autre moyen j'essairais d'appliquer celui l�.

Merci pour ton aide en tout cas

**Super_baloo8** · 20/04/2007, 00h22

Envoy� par LEK

Si c'est vraiment ce que tu veux faire alors tu n'as qu'� g�n�rer directement tes liens et tes balises avec javascript :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
document.write("<h2><a href='#'>Here is my logo!</a></h2>");

Mais c�t� accessibilit�, il y a mieux... L'id�e �tant d'essayer de conserver l'ergonomie que l'utilisateur ait ou non d�sactiver javascript!

Ca aurais tellement simple de faire �a comme �a. Mais si javascript d�sactiv�, plus de titre.

Sinon je pourrais tr�s bien faire :

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
<h2>
 
<scrip type="text/javascript">
//<![CDATA[
document.write("<a href='#'>");
//]]>
</script>
 
<img src="source.jpg" alt="logo source" />
 
<scrip type="text/javascript">
//<![CDATA[
document.write("</a>");
//]]>
</script>
 
</h2>

Mais ca serais tr�s lourd, il n'y a t'il pas moyen de dire pour chaque texte compris entre la balise H2, contenu dans la div#contenu , cr�er un lien href="#" ?

[DOM] Cr�ation de lien dans des balise en place

JavaScript

Vue hybride

Discussions similaires

Partager

Partager