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 :

[AJAX] Ecartement d'une <div> (et de son contenu)


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Décembre 2004
    Messages
    319
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Distribution

    Informations forums :
    Inscription : Décembre 2004
    Messages : 319
    Par défaut [AJAX] Ecartement d'une <div> (et de son contenu)
    Bonjour,

    Voila, cela fait deux jours que je cherche pourquoi lorsque je clique sur un lien, qui consiste à mettre le style "display" à "none" (donc faire disparaitre de la page), toute la div descend. (laisse un blanc enorme). J'ai remarqué que si je re-click sur un des boutons qui permet la suppression d'une autre ligne, le block remonte petit à petit mais parfois redescend legèrement.

    Voici ma déclararion de la div :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div style="position:relative; overflow:auto; width:95%; height:270px">
    Avez-vous des idées de solutions ?

    Merci infiniment,

    Paul75


    P.S. : cela se pass aussi lorsque je modifie apres un click sur un combobox en xhr un certain élément du tableau...

  2. #2
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    Citation Envoyé par Paul75 Voir le message
    Avez-vous des idées de solutions ?
    il faudrait le code html associé (les éléments parents et enfants du div + leur CSS).

    Et puis ... quel est le problème ?
    Le blanc laissé, le fait que ça "remonte" lors des clics suivants ?
    Bref : précise

    A+

  3. #3
    Membre éclairé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Décembre 2004
    Messages
    319
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Distribution

    Informations forums :
    Inscription : Décembre 2004
    Messages : 319
    Par défaut
    Bonjour,

    Merci.

    Voici le code complet de la div :

    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
    <div style="position:relative; overflow:auto; width:95%; height:270px">
     
          <?php
            if($util == 'JWC731' || $util == 'CEV346') $sql = "SELECT COUNT(*) as nb FROM colosi WHERE aff=1 AND choix='1_2'";
            else $sql = "SELECT COUNT(*) as nb FROM colosi WHERE choix='1_2' AND aff=1 AND regate='".$regate."'";
            $res = mysql_query($sql) or die ("execution impossible");
            $row = mysql_fetch_array($res);
            ?>
          <table summary="" width="100%" border="1" cellpadding="0" cellspacing="0" align="center">
            <tr align="center" bgcolor="#FFFF00">
              <td width="30">&nbsp;</td>
              <td width="82">Nom</td>
              <td width="72">Pr&eacute;nom</td>
              <td width="98">Mat&eacute;riel demand&eacute;</td>
              <td width="93">Num&eacute;ro de Ligne</td>
              <td>&nbsp;</td>
            </tr>
            <?php
            for($i=0; $i < $row['nb']; ++$i) {
                    $sql3 = "SELECT * FROM colosi WHERE id_col='".$tab[$i]."'";
                    $res3 = mysql_query($sql3) or die ("execution impossible");
                    $row3 = mysql_fetch_array($res3);
            ?>
            <tr id="liens_<?php echo $row3['id_col']; ?>" onmouseover="this.style.background = '#FFCC00';" onmouseout="this.style.background = '#FFCB97';" style="background-color: #FFCB97">
              <td ><img alt="Infos" title="Infos" src="../images/info_logo.png" onclick="infos_idrh('<?php echo $row3[util]; ?>');" /></td>
              <td><?php echo utf8_encode($row3['nom']); ?> </td>
              <td><?php echo utf8_encode($row3['prenom']); ?> </td>
              <td><?php echo utf8_encode($row3['ligne_materiel']); ?> </td>
              <td><?php
    				$tmpLigne = str_replace($tmpTab, "", $row3['num_ligne']);
    				$tmpLigne = implode('.', str_split($tmpLigne,2));
    				echo $tmpLigne;
    			?>
              </td>
              <td align="center"><img alt="Suppr" onclick="supprime_aff('<?php echo $row3[id_col]; ?>','creat_transf');" src="fichiers/corbeille.gif" height="20" title="Supprimer" /></td>
            </tr>
    ?>
          </table>
        </div>
    Le CSS jvoi pas ou cela pourrais poser le soucil

    Le blanc je voulais dire que des queje clique sur le lien de suppression sa descent tout. Don c ca laisse un espace blanc.

    Merci

  4. #4
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par Paul75 Voir le message
    Voici le code complet de la div :
    OK, merci mais le code généré serait plus utile (je connais pas assez PHP et comme il est là je peux pas le tester).
    De même les codes de tes fonctions JS seraient aussi utiles (supprime_aff() par ex.)

    A+

  5. #5
    Membre éclairé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Décembre 2004
    Messages
    319
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Distribution

    Informations forums :
    Inscription : Décembre 2004
    Messages : 319
    Par défaut
    C'est bon j'ai résolu car je ne comprend pas pourquoi mais des que je rajoute a la div :"left:20px;float:left;" ca ne descent plus... J'ai l'mpression qui rajoute une div ...

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

Discussions similaires

  1. Réponses: 3
    Dernier message: 18/02/2013, 12h09
  2. [AJAX] Actualisation d'une DIV
    Par NarOneR dans le forum AJAX
    Réponses: 4
    Dernier message: 30/01/2012, 14h23
  3. [ZF 1.10] Ajax : Mettre à jour une div de index.phtml
    Par arsene555 dans le forum Zend Framework
    Réponses: 5
    Dernier message: 26/11/2010, 11h53
  4. Ajax refresh d'une div
    Par lelapinrusse dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 29/03/2008, 22h15
  5. [AJAX] raffraichissement d'une div
    Par wildmary dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 10/01/2007, 15h28

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