Qui sacrifier, le DOCTYPE ou mon Javascript

par **h0_noMan** » 20 févr. 2008, 01:18

Si tu sais lire l'anglais :

Ou encore...

par **Elie** » 20 févr. 2008, 00:54

Impréssionnament efficace !

Une raison ?

par **Hubert Roksor** » 19 févr. 2008, 20:51

Ou encore...

Code : Tout sélectionner

<script type="text/javascript"><!--//--><![CDATA[//><!--

//--><!]]></script>

par **Cyrano** » 19 févr. 2008, 20:30

VOila comment je fais et ceci est valide XHTML 1.0 Strict
<script type="text/javascript">

</script>

Ou encore :

<script type="text/javascript">
/* <![CDATA[ */
CODE JS
/* ]]> */
</script>

par **h0_noMan** » 19 févr. 2008, 17:38

VOila comment je fais et ceci est valide XHTML 1.0 Strict

<script type="text/javascript">
<!--
CODE JS
//-->
</script>

par **Hubert Roksor** » 19 févr. 2008, 16:46

Dois-je changé de code ou de doctype ?

Tu dois changer de méthode pour poster surtout. Par exemple, il faut que tu expliques ton problème et les messages d'erreurs obtenu. Pourquoi devrais-tu sacrifier l'un ou l'autre ? N'attends pas des lecteurs qu'ils aillent sur le site du W3C pour valider ton code, si tu as une erreur de validation (à tout hasard, ton <a> qui se balade en dehors de tout <div> ou <p>) alors précise-la, sinon j'ai des feuilles de thé, on peut faire de la voyance.

par **johnass** » 19 févr. 2008, 13:49

ah oui autre chose

il faut que tu rajoutes +' px ' sur cette ligne sinon ca ne marchera pas sous moz

document.getElementById('projet').style.left = -divpixel +'px';

[Note : ce message a été posté de manière anonyme avant d'être réattribué à son auteur]

par **johnass** » 19 févr. 2008, 12:53

mm tu peux rajouter :

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

pour <script>
<script type="text/javascript"> avec un //<![CDATA[ ..... //]]> entourant le code.

voila tout ce que j ai trouvé !

c est bien pour un probleme de validation ?

[Note : ce message a été posté de manière anonyme avant d'être réattribué à son auteur]

par **Elie** » 19 févr. 2008, 04:31

Salut

Voici un exemple (Brouillon) de ce que je cherche à faire :

Code : Tout sélectionner

<html>
<head>
<title>Diaporama formant un cadre de div avec des images changeant en permanence</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script>
// JavaScript Document


var divpixel = 0; 	// Pixel de départ
var position = 0; 	// Position de départ
var maxi = 2; 		// Nombre d'image total


function go_to(num, id) {

	// On calcule le point à atteindre en fonction de position précedente
	var objectif = parseInt(position + Number(num*400));
	
	// On verifie si l'on peut se deplacer ou alors qu'on est en bout
	if((0 <= objectif) && ((objectif/400) < maxi)) {
   
   // Si c'est positif, on avance
    if(divpixel > objectif) {
         
         divpixel = (divpixel > (objectif - 10)) ? divpixel-10 : divpixel-1;
		 
   // Si c'est négatif, on recule     
      } else if (divpixel < objectif) {
         
         divpixel = (divpixel < (objectif - 10)) ? divpixel+10 : divpixel+1;
		 
         
      } else { }
      
	// Déplacement du calque
   	document.getElementById("projet-exemple-encours").style.left = -divpixel;
      
	  // Si le calque n'est pas a déstination, on relance un déplacement, sinon on note la position
  	 if(divpixel != objectif) { setTimeout("go_to("+num+",'"+id+"')",1);  } else { position = divpixel; }
	 
	 }
}
      
</script>
<style type="text/css">
#divContLinks {
   visibility: visible;
   height: 67px;
   width: 120px;
   overflow: hidden;
   position: absolute;
   left: 489px;
   top: 28px;
   }
   
#divTextLinks {
   position: relative;
   width: 500px;
   }
   
#projet-exemple-encours {
   position: relative;
   width: 800px;
   }
      
.projet-exemple {
   z-index: 1;
   visibility: visible;
   width: 400px;
   height: 150px;
   overflow: hidden;
   position: absolute;
   top: 13px;
   left: 223px;
   }
   
#projet-exemple-encours img {
   float: left;
   }   
</style>
</head>
<body>            
<div class="projet-exemple">
 <div id="projet-exemple-encours">
 <img src="img/accueil/exemple_projet2.png" alt="Exemple Projet" width="400" height="150" /> <img src="img/accueil/exemple_projet2.png" alt="Exemple Projet" width="400" height="150" />
 </div>
</div>
                   
                   <a href="javascript:go_to(1,'projet-exemple-encours')">+</a> <a href="javascript:go_to(-1,'projet-exemple-encours')">-</a>

</body>
</html>

Le seul problème, il n'accèpte pas mon Doctype de base :

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Dois-je changé de code ou de doctype ?

Merci, Elie

Qui sacrifier, le DOCTYPE ou mon Javascript

Répondre

Étendre la vue Revue du sujet : Qui sacrifier, le DOCTYPE ou mon Javascript

Re: Qui sacrifier, le DOCTYPE ou mon Javascript

Qui sacrifier, le DOCTYPE ou mon Javascript