probleme pour agrandir la taille d'un DIV

probleme pour agrandir la taille d'un DIV - HTML/CSS - Programmation

Marsh Posté le 15-10-2005 à 19:56:18    

Bonjour.
Voila, je vous explique mon problème. Je souhaiterai agrandir la taille de mon DIV, mais ca ne marche pas. Je ne sais ps d'où vient l'erreur. Je vous met le code que j'ai tapé :
 
<HTML>
<head>
<style type="text/css">  
.conteneur{
 //left: 50%;
 background: blue;
 position: absolute;
 width: 416px;
 height: 20px;
 //margin-left: -208px;
}
</style>
<SCRIPT LANGUAGE="Javascript">
function agrandir(){
var taille = document.getElementById("calque" ).style.width;
document.getElementById("calque" ).style.width = taille+200;
}
//-->
</SCRIPT>
</head>
<body onLoad="agrandir()">
<div id="calque" class="conteneur">
</div>
</body>
</HTML>
 
Voila, si quelqu'un pouvait m'aider.
Merci d'avance

Reply

Marsh Posté le 15-10-2005 à 19:56:18   

Reply

Marsh Posté le 15-10-2005 à 21:32:32    

En réalité, le code marche à moitié :
 
La taille est bien augmentée de 20 pixels, mais la taille n'est pas récupérée correctement, donc elle est initialisée à 0 au lieu d'être à 416 pixels.
 
La solution est ... roulement de tambour ....

function agrandir() {  
var taille = document.getElementById("calque" ).clientWidth;  
document.getElementById("calque" ).style.width = taille+200;  
}  

boum (coup de grosse caisse final). :)

Reply

Marsh Posté le 16-10-2005 à 00:04:32    

AH merci beaucoup.
Je débute en javascript, c'est pour ca, je connais pas grand chose.
Merci encore pour ton aide.

Reply

Marsh Posté le 16-10-2005 à 23:12:30    

olivthill a écrit :

En réalité, le code marche à moitié :
 
La taille est bien augmentée de 20 pixels, mais la taille n'est pas récupérée correctement, donc elle est initialisée à 0 au lieu d'être à 416 pixels.
 
La solution est ... roulement de tambour ....

function agrandir() {  
var taille = document.getElementById("calque" ).clientWidth;  
document.getElementById("calque" ).style.width = taille+200;  
}  

boum (coup de grosse caisse final). :)


 
 
:o newbie
 
document.getElementById("calque" ).style.width = taille+200+"px";


---------------
Les CSS c'est bon mangez-en
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed