Erreur getElementById().width... javascript
Résolu
Aucun
-
Aucun -
Aucun -
Bonjour,
J'ai crée un fonction Js pour adapter la baniere d'un site à la resolution de l'utilisateur,elle fonctionne avec le code si dessous:
function largeur()
{
baniere.width=screen.width;
baniere.width=baniere.width-30;
}
<img src="bn.jpg" id="baniere" onload="largeur()">
Seulement ma console d'erreur me dit Erreur utilisé plutot getElementById,voici ce que j'ai fait..
function largeur(id)
{
document.getElementById(id).width=screen.width;
document.getElementById(id).width.value=getElementById(id).width-30;
}
<img src="bn.jpg" id="baniere" onload="largeur('baniere')">
Erreur:getElementByid undefined,Le problème à l'air commun au vu de tous les forums,j'ai essayé plusieurs solutions:style.width,Offsetwidth.Mais peut-etre que je n'ai pas la bonne synthaxe pour modifier la valeur de l'id voulu..
Merci d'avance.
J'ai crée un fonction Js pour adapter la baniere d'un site à la resolution de l'utilisateur,elle fonctionne avec le code si dessous:
function largeur()
{
baniere.width=screen.width;
baniere.width=baniere.width-30;
}
<img src="bn.jpg" id="baniere" onload="largeur()">
Seulement ma console d'erreur me dit Erreur utilisé plutot getElementById,voici ce que j'ai fait..
function largeur(id)
{
document.getElementById(id).width=screen.width;
document.getElementById(id).width.value=getElementById(id).width-30;
}
<img src="bn.jpg" id="baniere" onload="largeur('baniere')">
Erreur:getElementByid undefined,Le problème à l'air commun au vu de tous les forums,j'ai essayé plusieurs solutions:style.width,Offsetwidth.Mais peut-etre que je n'ai pas la bonne synthaxe pour modifier la valeur de l'id voulu..
Merci d'avance.
A voir également:
- Erreur getElementById().width... javascript
- Telecharger javascript - Télécharger - Langages
- Erreur 0x80070643 - Accueil - Windows
- Erreur 0x80070643 Windows 10 : comment résoudre le problème de la mise à jour KB5001716 - Accueil - Windows
- J'aime par erreur facebook notification - Forum Facebook
- Code erreur f3500-31 ✓ - Forum Bbox Bouygues
7 réponses
Je pense que ceci marcherait mieux :
<img src="bn.jpg" id="baniere" onload="largeur(this.id)">
SI ce n'est pas le cas je vous conseille d'utiliser Firefox avec firebug pour debugger votre code
<img src="bn.jpg" id="baniere" onload="largeur(this.id)">
SI ce n'est pas le cas je vous conseille d'utiliser Firefox avec firebug pour debugger votre code
finalement, c'est très bête...
tu as oublié le "document' avant le second getElementById dans
document.getElementById(id).width.value=getElementById(id).width-30;
Cette fois j'ai testé avant de poster !
tu as oublié le "document' avant le second getElementById dans
document.getElementById(id).width.value=getElementById(id).width-30;
Cette fois j'ai testé avant de poster !
Merci pour vos reponses cela m'a bien fait avancé:
function largeur(id)
{
document.getElementById(id).width=screen.width;
document.getElementById(id).width=document.getElementById(id).width-30;
}
Voici le code qui ne génère pas d'erreur(Avec la console d'erreur de ff),seulement il a beau être valide,cela ne fonctionne toujours pas,l'image ne s'ajuste pas,je pensais que le screen.width etait le soucis,je l'ai remplacé par des constantes,mais rien ne changes,j'ai aussi essayé de rajouter .value mais cela ne fonctionne pas.
je ne vois pas le problème pourtant...
Merci d'avance
function largeur(id)
{
document.getElementById(id).width=screen.width;
document.getElementById(id).width=document.getElementById(id).width-30;
}
Voici le code qui ne génère pas d'erreur(Avec la console d'erreur de ff),seulement il a beau être valide,cela ne fonctionne toujours pas,l'image ne s'ajuste pas,je pensais que le screen.width etait le soucis,je l'ai remplacé par des constantes,mais rien ne changes,j'ai aussi essayé de rajouter .value mais cela ne fonctionne pas.
je ne vois pas le problème pourtant...
Merci d'avance
En fait votre code est étrange, ce que vous voulez faire c'est bien de faire en sorte que la taille de votre bannière soit égale à la taille de l'écran - 30px.
Si tel est le cas il faut modifier votre fonction au moins qu'elle soit plus claire :
function largeur(id)
{
document.getElementById(id).width=screen.width-30;
}
Je vous conseille à nouveau de télécharger le module Firebug pour firefox, il vous permettra de placer un point d'arrêt dans votre fonction et ainsi voir les valeurs utilisées. Ou encore utilisez des "alert" afin d'être sûre que els valeurs sont celles souhaitées
Si tel est le cas il faut modifier votre fonction au moins qu'elle soit plus claire :
function largeur(id)
{
document.getElementById(id).width=screen.width-30;
}
Je vous conseille à nouveau de télécharger le module Firebug pour firefox, il vous permettra de placer un point d'arrêt dans votre fonction et ainsi voir les valeurs utilisées. Ou encore utilisez des "alert" afin d'être sûre que els valeurs sont celles souhaitées
Si ça marche, mais ça ajuste à la taille de l'écran, pas à celle de la fenêtre (tu vois la différence ?)
Si tu veux ajuster à la taille de la fenêtre, il faut utiliser window.innerWidth au lieu de screen.width
Et d'ailleurs, tu n'as pas besoin de le faire en deux lignes, une seule suffit :
function largeur(id)
{
document.getElementById(id).width=window.innerWidth-30;
}
Si tu veux ajuster à la taille de la fenêtre, il faut utiliser window.innerWidth au lieu de screen.width
Et d'ailleurs, tu n'as pas besoin de le faire en deux lignes, une seule suffit :
function largeur(id)
{
document.getElementById(id).width=window.innerWidth-30;
}
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
