Probleme defilement d'images

27 juil. 2008, 20:28

Salut à tous, alors voila j'ai fait ce code :

<head>
<script type="text/javascript">
<!--// [CDATA[
    function divaffiche(){
      document.getElementById("popup").style.display = "block";
      document.getElementById("cache").style.display = "inline";
      document.getElementById("voir").style.display = "none";
    }
    function divcache(){
      document.getElementById("popup").style.display = "none";
      document.getElementById("cache").style.display = "none";
      document.getElementById("voir").style.display = "inline";
    }

// ]] -->
</script>

</head>

<body>
<p style="text-align:center;">
  <input type="button" id="voir" value="Afficher" onClick="divaffiche()" style="display:inline;"/>
  <input type="button" id="cache" value="Cacher" onClick="divcache()" style="display:none;"/><br /><br />
  <div id="popup" style="display:none;width:100%;margin:auto;border:0;text-align:left;"> 
  </p>
<span class="code">

<div id="Top" class="block">
	<h2><span>Top</span></h2>
	<div class="box">
		<div class="inbox">
			<div><html>
<meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
<title>Top</title>
<table align="center" border="0" cellpadding="1"
 cellspacing="1" width="50%">
  <tbody>
    <tr>
      <td>
      <marquee>
	  <a href="/forum/viewtopic.php?id=642"><img
 style="border: 0px solid ; width: 120px; height: 160px;" alt=""
 src="http://www.hobby57.com/photos/ITAL0163.jpg"></a><a
 href="/forum/viewtopic.php?id=472"><img
 style="border: 0px solid ; width: 120px; height: 160px;" alt=""
 src="http://web.tiscali.it/antoniolabate/images/tomcat1gr.jpg"></a></a></marquee>
      </td>
    </tr>
  </tbody>
</table>
</body>
</html></div>
		</div>
	</div>
</div>
</span></div>

[/b]

Voila, enfaite le probleme c'est que quand la page n'ai pas encore totalement chargée et que je décide d'afficher le top, il n'initialise et se met a défiler, tandis que quand la page est chargée et que j'affiche le top, il reste fix !

Merci de votre aide.

27 juil. 2008, 21:00

À lire ton commentaire, sans lire le code, j'ai tendance à croire qu'une erreur JavaScript se trouve dans le bas de ta page. puisque lorsque que n'est pas lu le bas de la page, tout fonctionne et lorsqu'il est lu, ça bloque.

As-tu inclus du code dans le bas de ta page?
Avons-nous le code du bas de la page dans la citation que tu fais ici? Si non, fais-nous la voir. Pour ma part, c'est là (dans le bas) que je chercherais une erreur.

Une façon simple que j'ai trouvée pour détecter où est l'erreur d'un code Javascript est d'insérer un message à l'écran et de le faire décaler ligne par ligne. À partir du moment où mon message n'apparait plus, c'est là que se trouve l'erreur. Voici un exemple de ce message:

Code : Tout sélectionner

<script language="JavaScript">alert("Voici que je suis rendu ici");</script>

27 juil. 2008, 21:06

Code : Tout sélectionner

<?php

	$tpl_temp = trim(ob_get_contents());
	$tpl_main = str_replace('<pun_announcement>', $tpl_temp, $tpl_main);
	ob_end_clean();
}
else
	$tpl_main = str_replace('<pun_announcement>', '', $tpl_main);
// END SUBST - <pun_announcement>


// START SUBST - <pun_main>
ob_start();

define('PUN_HEADER', 1);

C'est ce qui reste en dessous. A moins que tu veuille parler du footer quand tu dit bas de page...

27 juil. 2008, 21:16

Il me semble que le problème soit en JavaScript, non?
Si le bas de page (footer) l'est, c'est là qu'il faut investiguer.
Si non, on se met à pied d'oeuvre dans ce que tu nous donnes.

J'ai un footer comme ça qui est appelé à toutes les pages. Dans certaines, je désactive son appel et je m'en trouve pris avec un problème semblable au tien. Alors ... envoie-nous le footer si ce peut être la source du problème.

27 juil. 2008, 21:38

J'ai regardé ton code un peu.

J'y vois plusieurs confusions.

Les balises <body> et </body> doivent encadrer le contenu. Dans ton code, la balise </body> arrive avant la fermeture de toutes les balises <div>

Il faudrait d'abord mettre de l'autre dans tout cela:

Code : Tout sélectionner

<html>
<head>
<title>Titre de la page</title>
<body>
       contenu
</body>
</html>

Chaque élément qui est ouvert doit être fermé dans un ordre sandwich ( 1 2 3 4 5 6 /6 /5 /4 /3 /2 /1 ) ou linéaire ( 1 /1 2 /2 3 /3 4 /4) ou mixte ( 1 2 3 /3 4 /4 /3 5 /5 6 /6 /2 /1)

Mets de l'ordre dans tout cela, ça pourrait débloquer des choses.

Quant à la balise <marquee>, j'y trouve quelques comportements étonnants. Elle ne serait pas à ma première offense en refusant de faire défiler le texte si elle est sertie dans des balises <div> Si c'est le cas, il faudra trouver comment, par la définition de la <div> faire défiler le texte. Ce sera alors quelque chose comme

Code : Tout sélectionner

<div style="text-marquee: true;">

mais je ne sais pas au juste comment le faire. Il faut chercher, pour cela, Feuille de style ou style en html.

Ceci peut aider: http://www.developpez.net/forums/showth ... p?t=449789
ou encore: http://www.javascriptfr.com/code.aspx?ID=15711

27 juil. 2008, 21:44

Ok

merci pour votre aide ^^

27 juil. 2008, 22:11

Modération :
Puisque ta question est résolue, j'ajoute le tag [Résolu]
pour indiquer aux personnes qui voudront consulter ce sujet qu'il contient une solution.

Tu peux réaliser cette opération toi-même
en cliquant sur le bouton

qui s'affiche en haut à gauche de ce sujet
si tu as posté le 1er message en tant que membre (inscrit et identifié).

Alors... inscris-toi !!!

Probleme defilement d'images

Qui est en ligne