Html lien fonction Javascript
Résolu
a44icus
Messages postés
24
Statut
Membre
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour,
J'ai un comportement onClick dans mon code html qui faisait appel à une fonction ChangeBackGround dans mon code javascript qui était dans ma page html. Maintenant j'ai mis mon code javascript dans un fichier séparé mais je ne connais pas la syntaxe qui suit le onClick pour faire le lien vers le fichier. Quelqu'un pourrai m'aider s'il vous plais ?
link du fichier java:
<script src="js/changeWallpaper.js" type="text/javascript"></script>
java:
function ChangeBackGround(fichier) {
document.body.background=fichier
}
html:
<div class="carre"><img src="img/bg01.png" onClick="ChangeBackGround('img/background01.png')" /></div>
J'ai un comportement onClick dans mon code html qui faisait appel à une fonction ChangeBackGround dans mon code javascript qui était dans ma page html. Maintenant j'ai mis mon code javascript dans un fichier séparé mais je ne connais pas la syntaxe qui suit le onClick pour faire le lien vers le fichier. Quelqu'un pourrai m'aider s'il vous plais ?
link du fichier java:
<script src="js/changeWallpaper.js" type="text/javascript"></script>
java:
function ChangeBackGround(fichier) {
document.body.background=fichier
}
html:
<div class="carre"><img src="img/bg01.png" onClick="ChangeBackGround('img/background01.png')" /></div>
A voir également:
- Html lien fonction Javascript
- Fonction si et - Guide
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Verificateur de lien - Guide
- Editeur html - Télécharger - HTML
3 réponses
Je ne comprends pas ton soucis.
page.html :
<script type="text/javascript">
function ChangeBackGround(fichier) {
document.body.background=fichier
}
</script>
<div class="carre"><img src="img/bg01.png" onClick="ChangeBackGround('img/background01.png')" /></div>
C'est équivalent (si tu sépares en un .js+.html) à :
changeWallpaper.js :
function ChangeBackGround(fichier) {
document.body.background=fichier
}
page.html :
<script src="js/changeWallpaper.js" type="text/javascript"></script>
<div class="carre"><img src="img/bg01.png" onClick="ChangeBackGround('img/background01.png')" /></div>
(ça répond à ta question?)
au passage Java et Javascript sont 2 choses différentes.
page.html :
<script type="text/javascript">
function ChangeBackGround(fichier) {
document.body.background=fichier
}
</script>
<div class="carre"><img src="img/bg01.png" onClick="ChangeBackGround('img/background01.png')" /></div>
C'est équivalent (si tu sépares en un .js+.html) à :
changeWallpaper.js :
function ChangeBackGround(fichier) {
document.body.background=fichier
}
page.html :
<script src="js/changeWallpaper.js" type="text/javascript"></script>
<div class="carre"><img src="img/bg01.png" onClick="ChangeBackGround('img/background01.png')" /></div>
(ça répond à ta question?)
au passage Java et Javascript sont 2 choses différentes.
