formulaire et include

Bonjour a tous,
c'est un peu compliquer a expliquer alors je vais faire sa du mieu que je peut.
Quand on se connecte sur la page de info du net une page apparait avec un fond blanc alentour. j'ai la meme chose sur mon site.

j'aimerais pourvoir inclure quelque chose chose sous la forme <?php include ... Mais le probleme c'est que je sais pas comment.
pour l'instant j'ai creer un formulaire et j'ai mit comme action la page que je voulait inclure (<?php include). Mais le probleme c'est que je clique sur valider et la le formulaire apparait au lieu de le corriger.

la page que je voudrait inclure contient deja le formulaire tout.

Voici ce que j'ai creer:

Code :

<div id="newsletter" style="display: none">
<span>
<form action="http://bedj.citronet.org/newsletter/form-newslettux.php" method="post">
<h5>S'inscrire à la newsletter</h5>
<table cellpadding="5" cellspacing="5">
<tbody>
<tr>
<th><label for="prenom">Prénom</label> : </th>
<td><input type="text" name="prenom" value="" /></td>
</tr>
<tr>
<th><label for="nom">Nom</label> : </th>
<td><input type="text" name="nom" value="" /></td>
</tr>
<tr>
<th><label for="email">Votre adresse émail</label> : </th>
<td><input type="text" name="email" value="" /></td>
</tr>
<tr>
<th><label for="newsletter">S'abonner</label> : </th>
<td><input type="radio" name="newsletter" value="oui" checked="checked" /></td>
</tr>
<tr>
<th><label for="newsletter">Se désabonner</label> : </th>
<td><input type="radio" name="newsletter" value="non" /></td>
</tr>
<tr>
<td colspan="2" class="dotted">
<span class="valider">
<input name="wanewsletter" type="image" src="../images/bt_valider.gif" />
</span>
</td>
</tr>
</tbody>
</table>
</form>
</span>
</div>

et voici ce que je doit inclure a la place du formulaire

<?php include ('./form-newslettux.php') ?>

a chaque foit que je l'inclu normal le reste de la apge ne se charge pas et le lien ne se rouvre pas

Merci de votre aide

------------------------------ BEDJ
La grande différence entre l’amour et l’amitié, c’est qu’il ne peut y avoir d’amitié sans réciprocité.

Répondre

Inscrivez-vous ou connectez-vous pour masquer ceci.

Rien compris.

Répondre à OmaR

sur mon site j'ai fait un lien pour la newsletter. et quand je clique sur le lien, sa nouvre pas une nouvelle page.a la place, sa rouvre un jare de popup avec un contour banc transparent pour cacher le reste de la page. (comme sur infos-du-net. quand on clique sur connecter.

Le probleme c'est que c'est pas un script que moi j'ai fait pour la newsletter. alors pour mettre le formulaire d'inscription il demande de faire sa
<?php include ('./form-newslettux.php') ?>

Mais quand je mets sa dans le code de ma page. pour que quand je clique dessus le popup rouvre. La page ne se charge pas et le lien de la newsletter ne fonctionne pas. Et tout ca est du a caude de la ligne de php que j'ai mit.

J'espere que c'est plus clair

------------------------------ BEDJ
La grande différence entre l’amour et l’amitié, c’est qu’il ne peut y avoir d’amitié sans réciprocité.
Répondre à jonathanbedard22

en français et sans toutes les fautes ça serait plus clair mais bon...

Tu veux pouvoir inclure la page form-newslettux.php au moment où on clique sur un lien ? Si oui, il faut faire une requête XMLHTTPRequest (Ajax.Request avec prototype, ou te prendre la tête si t'as pas ça)

Répondre à OmaR

Ok merci mais tu pourrait tu me dire comment utiliser ajax et httprequest Ou un tuto Merci

------------------------------ BEDJ
La grande différence entre l’amour et l’amitié, c’est qu’il ne peut y avoir d’amitié sans réciprocité.
Répondre à jonathanbedard22

ton moteur de recherche favoris connait ça très bien

Répondre à OmaR

Ok merci j'ai regarder avec mon ami Google, j'ai bien trouver un script qui pourrait m'aider mais j'ai un peu de difficultés a le faire fonctionner.

Pour commencer voici le script que j'ai trouver

Code :

contenu du presse papier<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<title>ricardo-test</title>
<script type="text/javascript">
function envoieRequete(url,id)
{
var xhr_object = null;
var position = id;
if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();
else
if (window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP" );
// On ouvre la requete vers la page désirée
xhr_object.open("GET", url, true);
xhr_object.onreadystatechange = function(){
if ( xhr_object.readyState == 4 )
{
// j'affiche dans la DIV spécifiées le contenu retourné par le fichier
document.getElementById(position).innerHTML = xhr_object.responseText;
}
}
// dans le cas du get
xhr_object.send(null);
}
</script>
<style type="text/css">
body
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin:0;
padding: 0;
}
#header
{
height: 75px;
background-color: #99CCCC;
}
#conteneur
{
position: absolute;
width: 100%;
height:100%;
background-color:#D3D3D3;
}
#centre
{
background-color:#9999CC;
margin-left: 150px;
}
#gauche
{
position: absolute;
height: 750px;
background-color: #00CED1;
width: 150px;
}
</style>
</head>
<body>
<div id="conteneur">
<div id="header">
</div>
<div id="gauche">
<a href="#" onclick="envoieRequete('bande.html','header');" >test</a>
<a href="#" onclick="envoieRequete('menu.html','centre');" >test2</a>
</div>
<div id="centre">
</div>
</div>
</body>
</html>

j'ai donc copier le scipt sur ma page et j'ai fait un lien comme eux. Mais sa fonctionne pas.

Voici ou le page doit se charger (le popup)

Code :

<div id="newsletter" style="display: none">
<span>
</span>
</div>

et voici le lien

Code :

<a href="newsletter/form-newslettux.php" rel="modal-contacter">
newsletter
</a>

Comment adapter le sciript pour que sa fonctionne Merci

------------------------------ BEDJ
La grande différence entre l’amour et l’amitié, c’est qu’il ne peut y avoir d’amitié sans réciprocité.
Répondre à jonathanbedard22

onclick="envoieRequete('newsletter/form-newslettux.php','newsletter');"

par contre, il faudra que tu mettes un display:block à ton id newsletter.

Répondre à OmaR

Sa fonctionne. Mais le probleme c'est que j'aurait aimer sa garder mon display:none parce que la il est afficher sur la page au chargement et non lors du clique sur le lien

------------------------------ BEDJ
La grande différence entre l’amour et l’amitié, c’est qu’il ne peut y avoir d’amitié sans réciprocité.
Répondre à jonathanbedard22

et bien, tu ajoutes un document.getElementById('newsletter').style.display='block', sur l'évènement onclick.

Message édité par OmaR le 25-01-2008 à 14:32:15

Répondre à OmaR

Voici ce que j'ai fait omar mais quand je clique sur le lien rien se passe. Merci de maider.

Code :

<a href="#" onclick="envoieRequete('newsletter/form-newslettux.php','document.getElementById('newsletter').style.display='block'');">
<img src="http://bedj.citronet.org/images/letter.gif" alt="newsletter" /> Newsletter
</a>

Message édité par jonathanbedard22 le 27-01-2008 à 06:19:31

------------------------------ BEDJ
La grande différence entre l’amour et l’amitié, c’est qu’il ne peut y avoir d’amitié sans réciprocité.
Répondre à jonathanbedard22

Forcément qu'il se passe rien xD
Tu exécutes ta fonction, et APRES tu fais ton display block... pas dans l'appel de la fonction !

Message édité par OmaR le 27-01-2008 à 12:59:33

Répondre à OmaR

tu pourrais tu maider svp omar. car il y a rien sur google qui comporte un lien de l'ajax et un get.element.by.id

Merci (et en passant j'ai enlever le ('newsletter') apres le form-newslettux.php je sais pas si cMest bon ou pas).

------------------------------ BEDJ
La grande différence entre l’amour et l’amitié, c’est qu’il ne peut y avoir d’amitié sans réciprocité.
Répondre à jonathanbedard22

La fonction envoieRequete prend deux arguments, la page à appeler et l'ID de l'élément dans lequel il faut mettre le résultat de la requête.
Donc oui, le 'newsletter' est nécessaire, sinon faudra m'expliquer où le résultat doit être affiché.

Ensuite, pour effectuer deux instructions en javascript, on les sépare avec un point virgule.

Répondre à OmaR

Ce qui veut dire que si j'ai bien compris sa devrais donner ceci:

Code :

<a href="#" 'document.getElementById('newsletter').style.display='block''; onclick="envoieRequete('newsletter/form-newslettux.php','newsletter');">
<img src="http://bedj.citronet.org/images/letter.gif" alt="newsletter" /> Newsletter
</a>

------------------------------ BEDJ
La grande différence entre l’amour et l’amitié, c’est qu’il ne peut y avoir d’amitié sans réciprocité.
Répondre à jonathanbedard22

Euh... ton 'document.getElementById('newsletter').style.display='block''; tu l'as foutu en dehors de ton onclick ...

Répondre à OmaR

J'espere que cette foit ci c'est la bonne

Code :

<a href="#" onclick="document.getElementById('newsletter').style.display='block'; envoieRequete('newsletter/form-newslettux.php','newsletter');">
<img src="http://bedj.citronet.org/images/letter.gif" alt="newsletter" /> Newsletter
</a>

Bon j'ai tester ceci. Sa rouvre bien mais sa fonctionne pas comme je veux

avant je faisait ouvrir la div newsletter avec l'atribut rel=... la div rouvrait en avant plan et un contour blanc transparent couvrait le reste de la page. et quand je cliquait sur le blanc la div newsletter se fermait. Tout sa fonctionne avec du css un fichier script.

Mais la quand je clique sur le lien le formulaire apparait. mais toute le design non. Est ce que sa se peut qu'il rouvre pas dans la bonne div ou sa fonctionne pu

Moi j'aimerais le faire fonctionner comme avant et si je remet l'attribut rel dans le lien. Sa fait la meme chose le formulaire apparait mais sans le design.
Merci encore pour ton aide Omar

Message édité par jonathanbedard22 le 27-01-2008 à 18:14:24

------------------------------ BEDJ
La grande différence entre l’amour et l’amitié, c’est qu’il ne peut y avoir d’amitié sans réciprocité.
Répondre à jonathanbedard22

Salut,

Si tu faisais ouvrir ta div avec un attribut rel="modal-contacter" c'est que tu utilisais un script javascript qui te permettait de faire ça.
Quel est le script que tu utilisais ? t'as un lien vers ce fichier où on peut le trouver ?

Car, s'il est bien foutu, tu n'auras même pas besoin de faire une requête XMLHTTPRequest, vu qu'il la fera lui-même.

Répondre à OmaR

voici mon fichier javascript

http://www.megaupload.com/?d=DKNIAUNW

------------------------------ BEDJ
La grande différence entre l’amour et l’amitié, c’est qu’il ne peut y avoir d’amitié sans réciprocité.
Répondre à jonathanbedard22

Fallait le dire tout de suite que c'était le fichier qu'a fait IDN et qu'il est compressé et crypté

Répondre à OmaR

Bon, vu que c'est un truc qu'ils ont fait spécialement pour eux, il faut que tu fasses quelque chose du genre :

Code :

<div id="newsletter" style="display: none">
<?php include ('./form-newslettux.php') ?>
</div>
<a href="form-newslettux.php" rel="modal-newsletter">Newsletter</a>
<script type="text/javascript">
Event.onDOMReady(function() {
new myModal();
});
</script>

Au niveau du CSS, sur IDN y'a ça en rapport avec MyModal :

Code :

/* =MYMODAL
---------------------------------------------- */
#pageOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #FFF;
}
#myModal {
text-align: left;
position: absolute;
top: 50%;
left: 30%;
z-index: 91;
background: transparent url(http://img.bestofmedia.com/img/tomsguide/design/shadowAlpha.png) right bottom no-repeat;
padding: 0 6px 6px 0px;
}
#myModal-content {
border: 2px solid #BFBFBF;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
background: #FFF;
margin-left: -4px;
margin-top: -4px;
position: relative;
}
#myModal-content h5 {
background-color: #EEEFF1;
color: #779E04;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
padding: 10px;
margin-bottom: 10px;
font-weight: bold;
font-size: 13px;
}
#myModal-close {
position: absolute;
top: 3px;
right: 12px;
display: block;
width: 14px;
height: 14px;
background: url(http://img.bestofmedia.com/img/tomsguide/design/bt-close.gif) left top no-repeat;
text-indent: -999px;
overflow: hidden;
}
/* End MYMODAL ---------------------------------- */

Ca devrait le faire.

Répondre à OmaR

J'ai fait que tu ma dit omar. Le css et le script je lavait déjà. Mais j'ai refait la div et le includ et quand j'includ le fichier la page internet arrete de ce charger et le lien ne fonctionne pas. Sa fait comme avant quand j'includ quelque chose.

------------------------------ BEDJ
La grande différence entre l’amour et l’amitié, c’est qu’il ne peut y avoir d’amitié sans réciprocité.
Répondre à jonathanbedard22

Upload ton fichier quelque part.

Répondre à OmaR

voici mon site http://bedj.citronet.org/index.php
tu va reconnaitre le style j'ai repris celui de idn

Message édité par jonathanbedard22 le 28-01-2008 à 23:01:08

------------------------------ BEDJ
La grande différence entre l’amour et l’amitié, c’est qu’il ne peut y avoir d’amitié sans réciprocité.
Répondre à jonathanbedard22

Y'a rien dans ta div newsletter, ça risque pas de marcher...

(Ouais, c'est pas que le style que tu as repris )

Répondre à OmaR

avant dans la div newsletter je mettais le includ mais quand le le mets le reste de la page ne s'affiche pas.

sinon ma page form-newslettux contien le formulaire et la correction de celui-ci.
st ce que je eut creer un formulaire dans la div et metrre comme action la page form-newslettux.php ?

------------------------------ BEDJ
La grande différence entre l’amour et l’amitié, c’est qu’il ne peut y avoir d’amitié sans réciprocité.
Répondre à jonathanbedard22

oui

Répondre à OmaR

mais quand je vais cliquer sur submit comment il va faire pour savoir qu'il faut qui le corrige et pas m'afficher la le formulaire encore une foit.

car le formulaire est sur la page form-newslettux.php

------------------------------ BEDJ
La grande différence entre l’amour et l’amitié, c’est qu’il ne peut y avoir d’amitié sans réciprocité.
Répondre à jonathanbedard22

bah quand tu cliques sur submit, il va sur form-newslettux.php avec toutes les données POST ou GET, suivant ce que tu as choisi, et alors, ta page va s'en occuper...

Répondre à OmaR

Voici le formulaire que je doit afficher
Mais comment faire pour recuperer les variable

Code :

if (DEF_REG_FORM == 'simple')
{
// just an input, other params are hidden
$tabindex = 1;
echo '<form id="reg" method="post" action="?act='.$act.'&e='.$url_email.'&p='.$url_pwd.'">'.CR;
echo ' <p><label for="email">'.$ntux2['mail'].'</label><input type="text" id="email" name="email" tabindex="'.$tabindex.'" value="'.$email.'"'.DOC.'</p>'.CR; $tabindex++;
echo ' <ul>'.CR;
echo ' <li style="float:left; text-align:left; list-style-type:none;"><input type="radio" id="subscribe" name="action" tabindex="'.$tabindex.'" value="subscribe" checked="checked"'.DOC.'<label for="subscribe">'.$ntux2['subscribe'].'</label></li>'.CR; $tabindex++;
echo ' <li style="float:left; text-align:left; list-style-type:none;"><input type="radio" id="unsubscribe" name="action" tabindex="'.$tabindex.'" value="unsubscribe"'.DOC.'<label for="unsubscribe">'.$ntux2['unsubscribe'].'</label></li>'.CR; $tabindex++;
echo ' </ul>'.CR;
echo ' <div style="clear:left;"></div>'.CR;
echo ' <div class="formfoot"><input type="submit" name="submit" value="'.$ntux2['do'].'" tabindex="'.$tabindex.'"'.DOC.'</div>'.CR; $tabindex++;
echo '</form>'.CR;
}

Merci

------------------------------ BEDJ
La grande différence entre l’amour et l’amitié, c’est qu’il ne peut y avoir d’amitié sans réciprocité.
Répondre à jonathanbedard22

bah j'en sais rien moi... je sais pas d'où elles sortent tes variables.

Fais ton include, et met un <? error_reporting(E_ALL); ?>
Et dit quelle erreur il y a.

Répondre à OmaR

Bon jai essayer se que ut ma dit mais sa fonctionne pas plus.

J'ai ce fichier ajax pour faire apparaitre le php dans ma div. Mais il ne fonctionne pas. la page ne se charge pas.
Je sais pas si sa saurait plus facile avec cette methode ou pas.

Code :

function showthat() {
var http = null;
if (window.XMLHttpRequest)
{
http = new XMLHttpRequest();
if (http.overrideMimeType)
{
http.overrideMimeType('text/xml');
}
}
else if (window.ActiveXObject)
{
try {
http = new ActiveXObject("Msxml2.XMLHTTP" );
} catch (e)
{
try {
http = new ActiveXObject("Microsoft.XMLHTTP" );
} catch (e) {}
}
}
document.getElementById("newsletter" ).innerHTML = "<b><i>Chargement...</i></b>";
http.onreadystatechange = function()
{
if(http.readyState == 4)
{
var txt = http.responseTxt;
document.getElementById("newsletter" ).innerHTML = txt;
}
};
http.open("GET", "form-newslettux.php", true);
}

------------------------------ BEDJ
La grande différence entre l’amour et l’amitié, c’est qu’il ne peut y avoir d’amitié sans réciprocité.
Répondre à jonathanbedard22

quand tu affiches ta page form-newslettux.php, tu as une erreur ?

Répondre à OmaR

tu parle de la nouvelle facon ?
si tu parle de la nouvelle non je n'est pas d'erreur sa affiche normal avec rien dans la div.

Si tu parle de lautre methode avec reporting ... la page s'affiche a moitier et le lien ne fonctionne pas. Mais aucune erreur

------------------------------ BEDJ
La grande différence entre l’amour et l’amitié, c’est qu’il ne peut y avoir d’amitié sans réciprocité.
Répondre à jonathanbedard22

non, tu affiches juste ta page... http://tonsite.com/form-newslettux.php quoi...

Répondre à OmaR

je comprend pas ce que tu veux dire

------------------------------ BEDJ
La grande différence entre l’amour et l’amitié, c’est qu’il ne peut y avoir d’amitié sans réciprocité.
Répondre à jonathanbedard22

*déprimé*

tu as bien un fichier qui s'appelle form-newslettux.php, on est d'accord ?

Si oui : tu le lances dans ton navigateur
Si non : va te tirer une balle

Répondre à OmaR

jai fait se que tu ma dit et j'ai aucune erreur sur le fichier

------------------------------ BEDJ
La grande différence entre l’amour et l’amitié, c’est qu’il ne peut y avoir d’amitié sans réciprocité.
Répondre à jonathanbedard22

quand tu l'affiches, il pose pas de problème, et quand tu l'includes, ça marche pas ?!

Répondre à OmaR

exactement

------------------------------ BEDJ
La grande différence entre l’amour et l’amitié, c’est qu’il ne peut y avoir d’amitié sans réciprocité.
Répondre à jonathanbedard22

Forum Programmation : formulaire et include

Attention