IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Erreur d'un select() dans un input


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Septembre 2009
    Messages
    432
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2009
    Messages : 432
    Par défaut Erreur d'un select() dans un input
    Bonjour,

    je mettre au chargement de la page le curseur de la souris dans le seul champ input de ma page.
    J'ai bien utiliser le code utiliser généralement, cependant dans ma page je charge un pdf et lors du chargement il prend le focus du champs. c'est frustrant je voudrai qu'une fois charger le focus soit dans mon input qu'il n'y ai plus qu'a taper.

    je vous met le code ici :

    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
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
     
    <body onload="document.getElementById('NumBl').select()">
    		<div class="head">
    			<table class="header">
    				<tr>
    					<td  class="header" width='50%'><img src='./images/logo_otec.jpg' alt="logo otec" /></td>
    					<td  class="header" width='50%'><img src='./images/otec3.jpg' alt="picture" id="pic" /></td>
    				</tr>
    				<tr>
    					<td  class="header" colspan='2'>SAISIE DES BONS DE LIVRAISON SCANNES</td>
    				</tr>
    			</table>
    		</div>		
     
    		<div class="englobe">
    			<div class="menu">
    				<h3> Entrer le num&eacute;ro du BL</h3>
     
    				<p>
    					<form method="post" <?php echo"action='traitement.php?var=".$NameFile."'";?> onsubmit="return ControleChamp()">
    					<label>Num&eacute;ro BL</label> : <input id='NumBl' type="text" name="NumBl" onKeydown="MasqueSaisie();"/><br/><br/>
     
     
    					<input type="submit" value="Valider" /><br/>
    					</form>
    				</p><br/><br/>
     
    				<input type="button" value="Exit" onclick="window.close();" /><br/><br/><br/><br/>
    				<img src='./images/logo_snew.jpg' alt="logo snew" /><br/>
     
    				<p>
    					T&eacute;l: 01 41 74 95 34
    				</p><br/><br/><br/>
     
    				<img class="camion" src='./images/transport.jpg' alt="notre r&eacute;seau" /> <br/>
     
    			</div>
     
    			<div class="body">
    				<?php
                                            echo "<iframe src='$Target' width='827' height='900' align='middle'></iframe>";
                                    ?>
    			</div>
    		</div>
     
    	</body>
    Voila je pense que nous pouvons ruser mais je n'ai pas suffisamment de logique JS.

    Merci d'avance

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    focus ...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('NumBl').focus()
    ou si il contient déja une valuer et que tu souhaites te mettre à la fin :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('NumBl').value=document.getElementById('NumBl').value
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Septembre 2009
    Messages
    432
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2009
    Messages : 432
    Par défaut
    Bonsoir,

    alors j'ai tester avec ceci

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <body onload="document.getElementById('NumBl').focus()">
    Cela me fait la meme chose qu'avec le select()
    je voit le curseur dans le input puis le pdf fini de ce charger et hop je perd le curseur de mon champs.

    Je précise que le champs dois etre remplit a la mains j'espere que cela repond a ceci
    ou si il contient déja une valuer et que tu souhaites te mettre à la fin :

    Code :Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('NumBl').value=document.getElementById('NumBl').value
    je vous remercie par avance.

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Désolé je n'ai pas compris (et ne comprends toujours pas l'ergonomie recherchée ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Septembre 2009
    Messages
    432
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2009
    Messages : 432
    Par défaut
    Désolé je ne suis peut être pas suffisamment clair. Je vais essayer d'y remédier.

    donc il s'agit d'une application permettant de parcourir un a un un ensemble de PDF. Vous pouvez voir dans le code, il y a un lecteur qui affiche le PDF, nous en avons besoin pour lire le contenu et saisie dans le input ce qui a été lu.

    Ensuite en découle un traitement puis, nous rechargeons la page avec un nouveau PDF et ainsi de suite.

    Seulement, il s'agit de plusieurs centaine de PDF par jours, donc la personne qui saisit doit a chaque replacer le curseur dans le input pour saisie ce qu'elle doit. J'ai donc essayé les bout de code que vous avez vu ci-dessus. Seulement quand je fait mes test, je voit le curseur apparaître dans le input puis disparaître lorsque le PDF a fini de charger.

    En gros le chargement du PDF vole le focus, et viens donc après le code placé dans le onload du body.

    Donc y a t'il possibilité de déclencher l’évènement une fois le PDF chargé?

    J’espère avoir été suffisamment clair.

  6. #6
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    J’espère avoir été suffisamment clair.
    Pour être franc, je ne suis pas sûr que tous tes mots soient dans le bon ordre !


    Bref, tu peux essayer de rajouter un id à ton iframe ("pdfFrame" dans mon exemple) et d'ajouter :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    document.getElementById('pdfFrame').onload = function(){
        document.getElementById('NumBl').focus();
    }
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. copier la selection dans un input
    Par sipatsymasaka dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 30/11/2011, 07h54
  2. afficher la valeur d'un select dans un input
    Par Invité dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 30/08/2011, 16h55
  3. [Prototype] Récupérer la valeur d'un select dans un input ?
    Par Bigoodheart dans le forum Bibliothèques & Frameworks
    Réponses: 3
    Dernier message: 29/03/2010, 16h17
  4. masquer/afficher input name suivant selection dans une liste
    Par rvm31 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 28/12/2007, 19h33
  5. police dans balise input et select
    Par le_ben dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 11/03/2005, 14h54

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo