Récupération et modification d'attribut image
Predator
-
Predator -
Predator -
Bonjour,
Je crée en ce moment un formulaire permettant de recuperer le chemin d'une image et je voudrais que lorsque l'on valide ce formulaire il puisse changer l'attribut scr de la balise image se trouvant sur une autre page HTML ( c'est ptetre un peut chaud a comprendre lol, mais c'est pour creer un mailing)
Voici le code de ma page formulaire :
<FORM METHOD='POST' ACTION='modele2.htm'>
<b>Modifier l'image du mailing de la promotion du mois :</b> <INPUT type=file name="promodumois">
<br><br><br>
<INPUT type="button" value="Valider la nouvelle image de promotion" onClick="document.promoimg.src='promodumois'">
</form>
Et voici la seconde page (modele2.htm) contenant la balise image a modifier :
<head>
<title>Mailing promotion</title>
<style>
<!--
body { font-family: Arial, Helvetica; font-size: 12pt; color: #666600; margin-top: 120px; margin-left: 50px; background-position: top left; background-repeat: no-repeat;}
#txt{ margin-top: 240px; margin-left: 50px; }
#def{ margin-top: 30px; width: 640px;}
#lien { color:#000000;}
#img{ margin-left: 20px; width: 600px; height: 650px; border:1px solid #000003;}
-->
</style>
</head>
<body background="promo.gif">
<div id="img"><img id="promoImg"name="promoimg" src="image_test2.jpg" align=bottom></div>
<div id="def">
<p><font size="5px" color="#FFFFFF">blablabla</font></p>
</div>
<div id="txt">
<p> blablabla</p>
</div>
</body>
J'ai essayer le javascript et le php mais je n'arrive pas a recuperer l'adresse absolue de mon image ni à l'envoyer ensuite à la 2eme page afin que le contenu de l'attribut src soit modifié.
Merci d'avance !!!
Je crée en ce moment un formulaire permettant de recuperer le chemin d'une image et je voudrais que lorsque l'on valide ce formulaire il puisse changer l'attribut scr de la balise image se trouvant sur une autre page HTML ( c'est ptetre un peut chaud a comprendre lol, mais c'est pour creer un mailing)
Voici le code de ma page formulaire :
<FORM METHOD='POST' ACTION='modele2.htm'>
<b>Modifier l'image du mailing de la promotion du mois :</b> <INPUT type=file name="promodumois">
<br><br><br>
<INPUT type="button" value="Valider la nouvelle image de promotion" onClick="document.promoimg.src='promodumois'">
</form>
Et voici la seconde page (modele2.htm) contenant la balise image a modifier :
<head>
<title>Mailing promotion</title>
<style>
<!--
body { font-family: Arial, Helvetica; font-size: 12pt; color: #666600; margin-top: 120px; margin-left: 50px; background-position: top left; background-repeat: no-repeat;}
#txt{ margin-top: 240px; margin-left: 50px; }
#def{ margin-top: 30px; width: 640px;}
#lien { color:#000000;}
#img{ margin-left: 20px; width: 600px; height: 650px; border:1px solid #000003;}
-->
</style>
</head>
<body background="promo.gif">
<div id="img"><img id="promoImg"name="promoimg" src="image_test2.jpg" align=bottom></div>
<div id="def">
<p><font size="5px" color="#FFFFFF">blablabla</font></p>
</div>
<div id="txt">
<p> blablabla</p>
</div>
</body>
J'ai essayer le javascript et le php mais je n'arrive pas a recuperer l'adresse absolue de mon image ni à l'envoyer ensuite à la 2eme page afin que le contenu de l'attribut src soit modifié.
Merci d'avance !!!
A voir également:
- Récupération et modification d'attribut image
- Suivi de modification word - Guide
- Image iso - Guide
- Reduire taille image - Guide
- Légender une image - Guide
- Logiciel gratuit modification pdf - Guide
2 réponses
ton objet javascript document fait référence à la page ou il y a le form donc il ne connait pas la 2eme page.
J'aurais testé comme ca :
<FORM METHOD='POST' ACTION='modele2.htm?src=promodumois.value'>
<b>Modifier l'image du mailing de la promotion du mois :</b> <INPUT type=file name="promodumois">
<br><br><br>
blablabla...
2éme page
blabla...
<div id="img"><img id="promoImg"name="promoimg" src="<?php echo $_GET['src'] ?>" align=bottom></div>
blabla...
Mais ca necessite du php et que la page2 soit rechargée (menfin ca en javascript ou php c'est pas compliqué)
Ai-je été clair ? :-)
J'aurais testé comme ca :
<FORM METHOD='POST' ACTION='modele2.htm?src=promodumois.value'>
<b>Modifier l'image du mailing de la promotion du mois :</b> <INPUT type=file name="promodumois">
<br><br><br>
blablabla...
2éme page
blabla...
<div id="img"><img id="promoImg"name="promoimg" src="<?php echo $_GET['src'] ?>" align=bottom></div>
blabla...
Mais ca necessite du php et que la page2 soit rechargée (menfin ca en javascript ou php c'est pas compliqué)
Ai-je été clair ? :-)
Ouai ben ca marche pas car ma page2 ne prend pas en compte le php qu'il y a dans le champ src, meme si je modifie ma page en .php
ca ne serait pas plutot $POST pour recuperer mes données, j'ai regarder quelques tutoriels mais je ne vois personne qui a fait quelquechose de ce genre.
Si quelqu'un voit la faille Merci d'avance
ca ne serait pas plutot $POST pour recuperer mes données, j'ai regarder quelques tutoriels mais je ne vois personne qui a fait quelquechose de ce genre.
Si quelqu'un voit la faille Merci d'avance
En tt cas ça m'a l'air de pouvoir fonctionner.
6mer ... ^^