définir le focus à la zone de saisie

J'ai le code existant:

 <form action="page.php?id=<?= $_GET['id'] ?>" method="post">
            <fieldset>
                <p id="edit_name"><label for="name">Page Name:</label><input type="text" name="name" value="<?PHP echo htmlspecialchars_decode($s->name);?>" id="name"> <input type="submit" src="../img/button_save.jpg" name="btnSubmit" value="Save" id="btnSubmit" class="submit"></p>
                <div id="show_name"<?= $_GET['edit'] ? ' style=" display: none"' : '' ?>><p><label for="name">Page Name:</label> <?PHP echo $s->name;?> &nbsp;&nbsp;<a href="?id=<?= $_GET['id'] ?>&edit_name=1" onClick="$('edit_name').show(); $('show_name').hide(); return false;"><img style="vertical-align: top;" src="../img/button_change.png" alt="Change Name"></a></p></div>
                <?
                //for non-JS browsers
                if(!$_GET['edit']) {
                    ?>
                <script type="text/javascript">
                    $('edit_name').hide();
                </script>
                    <?
                }
                ?>
            </fieldset>
        </form>

Je tiens également à définir le focus à la zone de saisie en cliquant sur modifier. Actuellement, il vient de affiche/masque en cliquant sur modifier.

Merci!

vous n'avez pas un champ de saisie de se concentrer... devrait y en avoir un?
Ne laissez pas tomber des trucs de $_GET directement dans la page. Vous avez juste fait une énorme faille de sécurité XSS.
Qu'est-ce que $? Prototype.js? Mootools? jQuery?
En regardant la façon dont le PHP echo des balises de code sont inter-mélangé avec le HTML me fait rater XSL, de la Vitesse et de la... comme <input name="{this.is}" value="{so.much}" onclick="{easier.to_read}"/>.
Dorward - j'ai ajouté la balise PHP pour la question... le $ est utilisé comme une variable préfixe.

OriginalL'auteur Mike | 2011-04-12

  1. 2

    Comme le suggère l'une des réponses de la cliquez sur gestionnaire de non-intrusif.
    Utilisez le code suivant pour concentrer la zone de texte.

    $(function(){
    $("id^=show_name a").click(function(){
        $('edit_name').show(); 
        $('show_name').hide(); 
        $("#name").focus();
        return false;
    });
});

    Votre code HTML/PHP devrait maintenant ressembler à ci-dessous:

     <form action="page.php?id=<?= $_GET['id'] ?>" method="post">
    <fieldset>
            <p id="edit_name"><label for="name">Page Name:</label><input type="text" name="name" value="<?PHP echo htmlspecialchars_decode($s->name);?>" id="name"> <input type="submit" src="../img/button_save.jpg" name="btnSubmit" value="Save" id="btnSubmit" class="submit"></p>
            <div id="show_name"<?= $_GET['edit'] ? ' style=" display: none"' : '' ?>><p><label for="name">Page Name:</label> <?PHP echo $s->name;?> &nbsp;&nbsp;<a href="?id=<?= $_GET['id'] ?>&edit_name=1"><img style="vertical-align: top;" src="../img/button_change.png" alt="Change Name"></a></p></div>
            <?
            //for non-JS browsers
            if(!$_GET['edit']) {
                ?>
            <script type="text/javascript">
                $('edit_name').hide();
            </script>
                <?
            }
            ?>
    </fieldset>
</form>

    OriginalL'auteur Chandu

  2. 1

    Vous pouvez utiliser:

    $("#inputid").focus();

    Si vous ajoutez à cela l'événement qui gère l'affichage de la forme (ou l'ajouter à un document prêt des fonctions telles que 

    $(function(){ 
$("#inputid").focus(); 
});

    ) il travaillera également sur le chargement de la page à la place.

    OriginalL'auteur Alex