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 :

Affichage d'une div avec une fonction Javascript


Sujet :

JavaScript

  1. #1
    Nouveau Candidat au Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Janvier 2012
    Messages
    1
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Janvier 2012
    Messages : 1
    Points : 1
    Points
    1
    Par défaut Affichage d'une div avec une fonction Javascript
    Bonjour,

    Voilà j'ai une page qui affiche une liste de messages.
    Devant chaque message, une icône (lien) doit permettre d'éditer le message.
    Pour cela j'ai mis, dans chaque message une <div> avec les attributs visibility:hidden;display:none; qui contient un mini formulaire capable de traiter la modification.

    Avec un onClick j'appelle une petite fonction js qui rend visible et sous forme de block la <div> correspondant au message à modifier.

    Tout marche bien, sauf que l'effet de la fonction js ne dure qu'une fraction de seconde et la <div> disparait à nouveau...

    Voici mon code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    function afficheForm(id) {   
     
     document.getElementById(id).style.visibility = 'visible';   
     document.getElementById(id).style.display = 'block';    
     
    }
    Puis

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <div class='message'>    
     <div id='<?php echo $donnees['postId']?>' style="visibility:hidden;display:none;">   
      <form method="post" name='form1' action="modifierPost.php?id=<?php echo $donnees['postId']?>" onsubmit="javascript:return validation1();">   
       <table>   
                                    <tr>   
                                       <td><textarea name='titre' id='titre' rows="5" cols="70"><?php echo $donnees['postText'];?></textarea></td>   
                                       <td style='vertical-align: bottom;'><input type="submit" class="bouton" width="30" value="Modifier"/></td>   
                                       <td id='alert_titre'></td>   
                                     </tr>   
       </table>   
      </form>   
     </div>   
     <p><?php echo $donnees['postText'];?></p>   
    </div>

  2. #2
    Inactif  

    Homme Profil pro
    développeur Vala
    Inscrit en
    Février 2011
    Messages
    478
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Cher (Centre)

    Informations professionnelles :
    Activité : développeur Vala
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2011
    Messages : 478
    Points : 3 700
    Points
    3 700
    Par défaut
    tu ne détailles pas assez ton code html, donc comment savoir sur quel élément cliquer et qui utilise la fonction afficheForm() ?
    alors sans voir cela, j'ai testé en appliquant la fonction au clique de la div de classe message, et ton formulaire reste affiché.

Discussions similaires

  1. Réponses: 1
    Dernier message: 13/04/2015, 11h17
  2. Afficher une bannière dans une div avec javascript
    Par houssem86 dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 24/10/2013, 08h26
  3. [XL-2002] Macro de comparaison d'une cellule d'une feuille avec une cellule d'une autre feuille.
    Par steelydan dans le forum Macros et VBA Excel
    Réponses: 6
    Dernier message: 08/09/2010, 12h59
  4. Réponses: 4
    Dernier message: 15/10/2009, 13h33
  5. affichage de l'url d'une iframe dans une div
    Par Nicopilami dans le forum ASP.NET
    Réponses: 3
    Dernier message: 13/01/2009, 17h25

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