Comment changer un <div> par un autre en html
Alex
-
chabacha109 Messages postés 268 Date d'inscription Statut Membre Dernière intervention -
chabacha109 Messages postés 268 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je veux insérer une mini application interactive sur un site internet dans un cadre prévu à cet effet. J'ai donc défini le cadre de bonne taille dans le .css et j'ai inséré le code html de l'application dans la parti index.html. L'application s'est bien placée au bon endroit sans problème.
Cette appli est un mini formulaire avec un média, une question, 4 modalités de réponses possibles et un bouton qui valide la réponse. Le problème est que le bouton de validation doit à la fois enregistrer la réponse et transformer le mini formulaire en une page qui donne les pourcentages de chaque modalité.
Mon problème est que cette page de réponse prend toute la page internet au lieu de rester dans le cadre prévu dans le css.
Comment faire pour que ma page réponse reste dans mon cadre?
En résumer, comment changer un <div> par un autre <div> dans le même cadre?
Merci tout le monde
Je veux insérer une mini application interactive sur un site internet dans un cadre prévu à cet effet. J'ai donc défini le cadre de bonne taille dans le .css et j'ai inséré le code html de l'application dans la parti index.html. L'application s'est bien placée au bon endroit sans problème.
Cette appli est un mini formulaire avec un média, une question, 4 modalités de réponses possibles et un bouton qui valide la réponse. Le problème est que le bouton de validation doit à la fois enregistrer la réponse et transformer le mini formulaire en une page qui donne les pourcentages de chaque modalité.
Mon problème est que cette page de réponse prend toute la page internet au lieu de rester dans le cadre prévu dans le css.
Comment faire pour que ma page réponse reste dans mon cadre?
En résumer, comment changer un <div> par un autre <div> dans le même cadre?
Merci tout le monde
A voir également:
- Comment changer un <div> par un autre en html
- Changer dns - Guide
- Changer clavier qwerty en azerty - Guide
- Comment changer l'extension d'un fichier - Guide
- Editeur html - Télécharger - HTML
- Changer carte graphique - Guide
3 réponses
Ton énoncé est compliqué ^^'
tu as du oublier de fermer un div ou autre...
Si tu veux récupérer les réponses de ton form dans la même page, il faut que tu crées une ancre dans ta page, et du coup ton form aura action="#tonancre".
tu as du oublier de fermer un div ou autre...
Si tu veux récupérer les réponses de ton form dans la même page, il faut que tu crées une ancre dans ta page, et du coup ton form aura action="#tonancre".
bonjour , j'ai tous compris
tu cherche a faire un script de vote !!
okay, pour le problème de placement de la deuxième affichage(les pourcentages)
tu dois utiliser le javascript, en particulier le DOM :
est-ce-que ça répond a ta question ?
To Be Or Not To Be , Marwen
tu cherche a faire un script de vote !!
okay, pour le problème de placement de la deuxième affichage(les pourcentages)
tu dois utiliser le javascript, en particulier le DOM :
// tu dois nommer ton div :
<div id="mondiv">
</div>
<input type="button"OnClick="changer_div(liste[s] des valeur)">
function changer_div(valeurs_choisi_dans_form)
{
//ici selon les valeurs choisi dans le formulaire tu dois afficher les pourcentages
//correspondantes
document.getElementById('mondiv').innerHTML = "votre pourcentage ";
}
est-ce-que ça répond a ta question ?
To Be Or Not To Be , Marwen
Merci à vous, de vous intéresser a mon problème mais c'est pas tout à fait ça :
En fait j'ai créer cette petite application directement sur une plateforme online. J'ai simplement récupéré le code source de mon application que j'ai créé graphiquement. Cette application reste toujours liée à ma plateforme, peu importe où je la met.
Pour information, quand je change le média de mon application sur la plateforme, le média change automatiquement sur mon site...
Donc le script de vote est déjà fait et il fonctionne très bien (il passe par la plateforme).
Mon seul problème est que lorsque l'on appuie sur le bouton "valide ta réponse", le résultat est présenté sur une nouvelle page au lieu de rester dans le cadre du mini formulaire prévu dans le css.
Voici le code source du mini poll si ça peut aidé à comprendre...
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=utf-8">
</head>
<body style="background-color: #FFFF00;" background=http://mediascoreinc.com/skins/mini_poll/1360.jpg><div align=center>
<style>
.poll_style
{
font-family: Verdana;
font-size: 8pt;
color: #FFFFFF;
}
.poll_button {
COLOR : #FFFFFF;
background: #CC0000;
border-color: #FFFFFF;
border-width: 1;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
FONT-FAMILY : Verdana;
FONT-SIZE : 10pt;
font-weight : bold;
cursor :pointer;
text-decoration: none;
}
.poll_link {
COLOR : #FFFFFF;
background: #CC0000;
FONT-FAMILY : Verdana;
FONT-SIZE : 10pt;
font-weight : bold;
cursor :pointer;
text-decoration: none;
}
.results_header {
color: #FF3333;
font-size: 11pt;
font-family: Verdana;
}
.intro_header {
font-size: 11pt;
font-family: Verdana;
color: #FFFFFF;
}
</style>
<table width="100%" height="100%" border="0" class="poll_style"><tr><td valign=top>
<table border=0 width="100%" class="poll_style">
<tr>
<td valign=top class="intro_header">
<div align="center"><br><b>Donne ton avis!<b><div><BR>
</td>
</tr>
<tr>
<td valign=top align=center>
<object data="http://69.41.254.164/survey/HTplayer.swf" width="150px" height="16px" style="vertical-align: bottom;" type="application/x-shockwave-flash">
<param name="type" value="application/x-shockwave-flash" />
<param name="src" value="http://69.41.254.164/survey/HTplayer.swf" />
<param name="data" value="http://69.41.254.164/survey/HTplayer.swf" />
<param name="codebase" value="http://69.41.254.164/survey/HTplayer.swf" />
<param name="FlashVars" value="TheSound=http://69.41.254.164/..." />
<param name="allowScriptAccess" value="always" />
<param name="movie" value="http://69.41.254.164/survey/HTplayer.swf" />
<param name="loop" value="false" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="width" value="150px" />
<param name="height" value="16px" />
</object>
</td>
</tr>
<tr>
<td valign=top><br>Comment trouves tu ce titre ?
</td>
</tr>
<tr>
<td valign=top><form name="frmPoll" action="http://www.mediascoreinc.com/fisher/poll_main.asp"><input type="hidden" name="action" value="save"><input type="hidden" name="poll" value="1360"><input type="radio" name="answer" value="4737">J'aime beaucoup</input><br><input type="radio" name="answer" value="4935">J'aime assez</input><br><input type="radio" name="answer" value="4936">Je n'aime pas vraiment</input><br><input type="radio" name="answer" value="4937">Je n'aime pas du tout</input><br></td>
</tr>
<tr>
<td align=center>
<br><input class="poll_button" type="submit" value="Valide ta réponse !"></form>
</td>
</tr>
</table>
</td></tr></table></div>
</body></html>
Thanks guy!
En fait j'ai créer cette petite application directement sur une plateforme online. J'ai simplement récupéré le code source de mon application que j'ai créé graphiquement. Cette application reste toujours liée à ma plateforme, peu importe où je la met.
Pour information, quand je change le média de mon application sur la plateforme, le média change automatiquement sur mon site...
Donc le script de vote est déjà fait et il fonctionne très bien (il passe par la plateforme).
Mon seul problème est que lorsque l'on appuie sur le bouton "valide ta réponse", le résultat est présenté sur une nouvelle page au lieu de rester dans le cadre du mini formulaire prévu dans le css.
Voici le code source du mini poll si ça peut aidé à comprendre...
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=utf-8">
</head>
<body style="background-color: #FFFF00;" background=http://mediascoreinc.com/skins/mini_poll/1360.jpg><div align=center>
<style>
.poll_style
{
font-family: Verdana;
font-size: 8pt;
color: #FFFFFF;
}
.poll_button {
COLOR : #FFFFFF;
background: #CC0000;
border-color: #FFFFFF;
border-width: 1;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
FONT-FAMILY : Verdana;
FONT-SIZE : 10pt;
font-weight : bold;
cursor :pointer;
text-decoration: none;
}
.poll_link {
COLOR : #FFFFFF;
background: #CC0000;
FONT-FAMILY : Verdana;
FONT-SIZE : 10pt;
font-weight : bold;
cursor :pointer;
text-decoration: none;
}
.results_header {
color: #FF3333;
font-size: 11pt;
font-family: Verdana;
}
.intro_header {
font-size: 11pt;
font-family: Verdana;
color: #FFFFFF;
}
</style>
<table width="100%" height="100%" border="0" class="poll_style"><tr><td valign=top>
<table border=0 width="100%" class="poll_style">
<tr>
<td valign=top class="intro_header">
<div align="center"><br><b>Donne ton avis!<b><div><BR>
</td>
</tr>
<tr>
<td valign=top align=center>
<object data="http://69.41.254.164/survey/HTplayer.swf" width="150px" height="16px" style="vertical-align: bottom;" type="application/x-shockwave-flash">
<param name="type" value="application/x-shockwave-flash" />
<param name="src" value="http://69.41.254.164/survey/HTplayer.swf" />
<param name="data" value="http://69.41.254.164/survey/HTplayer.swf" />
<param name="codebase" value="http://69.41.254.164/survey/HTplayer.swf" />
<param name="FlashVars" value="TheSound=http://69.41.254.164/..." />
<param name="allowScriptAccess" value="always" />
<param name="movie" value="http://69.41.254.164/survey/HTplayer.swf" />
<param name="loop" value="false" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="width" value="150px" />
<param name="height" value="16px" />
</object>
</td>
</tr>
<tr>
<td valign=top><br>Comment trouves tu ce titre ?
</td>
</tr>
<tr>
<td valign=top><form name="frmPoll" action="http://www.mediascoreinc.com/fisher/poll_main.asp"><input type="hidden" name="action" value="save"><input type="hidden" name="poll" value="1360"><input type="radio" name="answer" value="4737">J'aime beaucoup</input><br><input type="radio" name="answer" value="4935">J'aime assez</input><br><input type="radio" name="answer" value="4936">Je n'aime pas vraiment</input><br><input type="radio" name="answer" value="4937">Je n'aime pas du tout</input><br></td>
</tr>
<tr>
<td align=center>
<br><input class="poll_button" type="submit" value="Valide ta réponse !"></form>
</td>
</tr>
</table>
</td></tr></table></div>
</body></html>
Thanks guy!
euhh c'est normale que le résultat présenté sur une nouvelle page !!
vous avez défini un form avec action="http://www.mediascore....."
lorsque vous appuie sur le bouton "valide ta réponse" c'est a dire appeler la page de réponse dans la totalité de la page ! tu ne peut pas faire ceci avec du simple form et un boutton.....
bah avant d'entrer les mains tu dois me donné le code source de votre page
"http://www.mediascoreinc.com/fisher/poll_main.asp"
je vous propose AJAX comme solution , si vous le connais déja ,c'est bien si non je vais vous expliquer comment il fonctionne , et a vous de choisir
bon courage
vous avez défini un form avec action="http://www.mediascore....."
lorsque vous appuie sur le bouton "valide ta réponse" c'est a dire appeler la page de réponse dans la totalité de la page ! tu ne peut pas faire ceci avec du simple form et un boutton.....
bah avant d'entrer les mains tu dois me donné le code source de votre page
"http://www.mediascoreinc.com/fisher/poll_main.asp"
je vous propose AJAX comme solution , si vous le connais déja ,c'est bien si non je vais vous expliquer comment il fonctionne , et a vous de choisir
bon courage