<label><label/> à l'intérieur de la balise <A><A/> tag avec fonction javascript sur le href échec de l'exécution d'

J'ai un <label><label/> balise à l'intérieur de <A><A/> tag, le <A> balise a un href qui appelle une fonction JavaScript.

Le JavaScript ne parvient pas à appeler lors de l'exécution sous IE, mais fonctionne un régal sur tous les autres, j'en ai besoin aussi.

Je sais que ce n'est probablement pas normal, mais je suis à la recherche d'un discours lecteur de solution rapide pour un très vieux projet, donc permet de ne pas entrer dans le pourquoi et pourquoi pas de la. 🙂

J'ai cherché et ne peux trouver aucune référence à pourquoi cela ne fonctionne pas, voici mon code de test.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Label and Links Test For Speech Readers</title>
</head>

<script language="javascript" type="text/javascript">
    function onHello()
    {
        alert("hello");
    }    
</script>

<body>
    <p><b>Label and Links Test For Speech Readers</b></p>
    <p>This is a test a patch to an historic application, Tested with Chrome, Firefox, IE & BlackBerry OS-6(similator)</p>
    <p>
        # TEST 1<br />
        <a href="javascript:onHello();">Hello1</a>
        <br />Current basic link style, that doesn't work with speech readers
    </p>
    <p>
        # TEST 2<br />
        <a href="javascript:onHello();"><label style="cursor:pointer">Hello2</label></a>
        <br />Easy fix, but this does not work for IE
    </p>
    <p>
        # TEST 3<br />
        <label onclick="javascript:onHello();" style="color: #0000ff; text-decoration: underline; cursor: pointer;">Hello3</label>
        <br />More work to fix, but compatible with all noted broswers
    </p>
</body>
</html>

InformationsquelleAutor DIGGIDY | 2012-11-30

3

Ne pas mettre de Javascript dans la href, qui est désactivé dans certains navigateurs, dans certaines circonstances, pour des raisons de sécurité.

Utiliser le onclick événement pour exécuter le code:
```
<a href="#" onclick="onHello();return false;"><label style="cursor:pointer">Hello2</label></a>
```
- Pouvez-vous donner un exemple de cas où le javascript est désactivé dans href pour des raisons de sécurité?
- Je ne sais pas si c'est toujours désactivé par défaut (pour la sécurité ou pour toute autre raison), mais je ne sais "javascript:" n'est pas un protocole à suivre, donc, à mon humble avis, ne devrait jamais être sur le href de la propriété.
- Ce fut en quelque sorte l'impression que j'ai eue, je sais que IE sont devenues beaucoup plus strictes dans les il y de la syntaxe. Fonctionne un régal!
- laissez le href tag si vous ne souhaitez pas que le site web de rebondir à chaque fois que le onclick est exécutée
InformationsquelleAutor Guffa
3

Je pense que c'est un pur problème de syntaxe.
Label est destiné à être utilisé avec la forme et peuvent être suivis par les utilisateurs à interagir avec les entrées d'un formulaire.

Je comprends que vous dit pas de "pourquoi" et le "pourquoi pas", mais l'utilisation d'une étiquette à l'intérieur d'un lien n'est certainement pas une bonne idée ... ce n'est pas juste une balise à l'intérieur d'une balise depuis cette étiquette est censé être cliqué si vous avez 2 balises qui peut être cliqué. IE semble donner plus d'importance à l'étiquette dans votre exemple, afin de ne pas exécuter votre code dans le lien.
- Je vois ce que tu veux dire, un sens aujourd'hui.
InformationsquelleAutor Aurélien Grimpard
2

Vous devez exécuter le javascript sur l'événement onClick, ne le placez pas sur le href (utiliser un # ou quelque chose d'aussi href).

Aussi, si vous voulez prévenir le lien de suivi n'oubliez pas de return false; (ou de l'événement.preventDefault()). E. g.
```
       <a href="#" onClick="onHello(); return false;">Hello1</a>
```
- Bon appel, qui peuvent faire l'affaire
InformationsquelleAutor Rodrigo Neves
1

Pourquoi ne pas vous passez de l'une balise à tous, lier le bout de code javascript sur l'étiquette?
```
<label style="cursor:pointer" onclick="onHello();">Hello2</label>
```
- J'ai autour de 200 fichiers à modifier, je veux essayer de créer un script automatisé correctif pour la grande majorité, puis de régler les cas de bord. Pour ce projet, il tout simplement pas la peine de mettre de temps en fin de vie du projet. Mais je suis d'accord avec vous, c'est la solution que j'aurais choisi autrement.
InformationsquelleAutor andlrc
1

Au lieu d'utiliser dans le href utilisation dans le onclick
```
<a href='#' onclick="onHello(); return false;">Hello1</a>
```
- Vous n'avez pas besoin le "javascript:" dans l'attribut onclick comme onclick est un événement automatiquement capturé par javascript. Vous devez également ajouter return false; à la fin. Sinon, la page se rechargera parce que c'est une balise d'ancrage. <a href='#' onclick="onHello(); return false;">Hello1</a>
- merci copain..
- Pas de problème l'homme. Bonne chance et amusez-vous!
InformationsquelleAutor Dineshkani

Vous devez vous connecter pour publier un commentaire.