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

HTML Discussion :

Changement de champs


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Août 2008
    Messages
    141
    Détails du profil
    Informations forums :
    Inscription : Août 2008
    Messages : 141
    Par défaut Changement de champs
    Bonjour,
    je dispose d'un champs sous forme de bouton "valider 133" . Valider est du texte mais 133 est une extraction d'une basse de donnée dont la valeur change quotidiennement. En cliquant sur le bouton cela execute tout un nombre de requête sous condition d'être administrateur. Ce que je voudrais c'est au passage de la sourie sur le champs celui-ci change pour faire apparaître "login". J'ai pense à un code du type :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    "<span onmouseover="this.innerHTML='login'" 
    style="FONT-SIZE: 40px; COLOR: indianred; FONT-FAMILY: Comics" 
    onmouseout="this.innerHTML='valider">valider</span>
    le soucis est que cela fonctionne lorsque je n'ai pas de partie dynamique..
    Connaitriez vous une façon différente me permettant de faire cela en XHTML, ou plus probablement via un autre langage ?

    Merci par avance,

    Will

  2. #2
    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
    Désolé, mais j'ai rien compris à ce que tu veux faire et encore moins ce qui te pose problème...
    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

  3. #3
    Modérateur
    Avatar de Vil'Coyote
    Homme Profil pro
    Développeur adélia & Web
    Inscrit en
    Février 2008
    Messages
    4 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur adélia & Web
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2008
    Messages : 4 583
    Par défaut
    le soucis est que cela fonctionne lorsque je n'ai pas de partie dynamique..
    Connaitriez vous une façon différente me permettant de faire cela en XHTML, ou plus probablement via un autre langage ?
    tu es sur le côté client, donc javascript. je suis pas un pro donc ce que je t'indique est plus un idée qu'une solution

    dans ton js :
    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
     
    var valide = "";
     
    function change_aff(val)
    {
    	if( document.getElementById("valide").innerHTML != "login" )
    	{
    		valide = document.getElementById("valide").innerHTML;
    		document.getElementById("valide").innerHTML = "login";
    	}
    	else
    	{
    		document.getElementById("valide").innerHTML = valide;
    		valide = "";
    	}
     
    }
    et ton html :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <span id="valide" onmouseover="change_aff(this.innerHTML);" onmouseout="change_aff(this.innerHTML);"  style="FONT-SIZE: 40px; COLOR: indianred; FONT-FAMILY: Comics">
    valider
    </span>
    la vie n'est pas cirrhose des foies ...

    Avant de poster un message Rechercher n'est pas qu'une option.
    FAQ Web - Tuto Web

  4. #4
    Membre Expert
    Avatar de polymorphisme
    Homme Profil pro
    Publishing
    Inscrit en
    Octobre 2009
    Messages
    1 460
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Publishing
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Octobre 2009
    Messages : 1 460
    Par défaut
    Bonjour,

    tu peux aussi mettre ton style dans une feuille de style CSS :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <span id="valide" onmouseover="change_aff(this.innerHTML);" onmouseout="change_aff(this.innerHTML);">valider</span>
    Ainsi, ton code est plus simple et pas moins fonctionnel

  5. #5
    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
    Mouais... vos propositions sont intéressantes, mais j'ai du mal à voir ce qu'elles font de plus que le code donné par will Igetit et qui ne lui donne pas satisfaction...
    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

  6. #6
    Modérateur
    Avatar de Vil'Coyote
    Homme Profil pro
    Développeur adélia & Web
    Inscrit en
    Février 2008
    Messages
    4 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur adélia & Web
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2008
    Messages : 4 583
    Par défaut
    Citation Envoyé par Bovino Voir le message
    Mouais... vos propositions sont intéressantes, mais j'ai du mal à voir ce qu'elles font de plus que le code donné par will Igetit et qui ne lui donne pas satisfaction...
    ba, d'après ce que j'ai compris le "valider" se trouvant dans le <span></span> est complété d'une donnée provenant d'une base et lorsqu'il passe la souris sur le span il souhaite afficher login et lorsque la souris n'est plus sur le span réafficher la donnée à l'identique hors il réafficher "this.innerHTML='valider" donc manque le vrai intitulé.
    la vie n'est pas cirrhose des foies ...

    Avant de poster un message Rechercher n'est pas qu'une option.
    FAQ Web - Tuto Web

Discussions similaires

  1. Changement de champ MX
    Par yannickn dans le forum Administration système
    Réponses: 0
    Dernier message: 26/09/2007, 17h54
  2. Réponses: 2
    Dernier message: 15/03/2007, 15h11
  3. changement de champ
    Par fbu78 dans le forum Access
    Réponses: 13
    Dernier message: 10/12/2006, 13h04
  4. [VBA ] Changement de champs
    Par Didier77 dans le forum Access
    Réponses: 3
    Dernier message: 24/07/2006, 07h19
  5. [TQuery] Détecter le changement de champ
    Par sjrd dans le forum Bases de données
    Réponses: 2
    Dernier message: 11/04/2005, 17h20

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