Ecrire dans un DIV

Bonjour,

Depuis hier soir je suis en trains de voir comment ecrire vers un DIV
sans succes. Voila, j'envois des donnees vers un DIV

Comment envoies-tu des données dans ton DIV ?
- En PHP ? si oui ... et alors ? c'est bien le moins me semble-ce.
- En Javascript ? j'ai pas vu de JS ... (rien, nada, le grd désert)

qui s'affiche bien,

Oui ça s'affiche, peut-être comme tu le veux et chez toi, de là à dire
que ça s'affiche "bien" ... y a une marge.
Ça s'affiche malgré toutes les erreurs serait + juste.

mais une fois la bouton d'envois est activé dans DIV , la sortie parait
dans une page mais pas dans la DIV.

Heu pas ni rien compris là :
c'est un formulaire avec :
- action : 'Php/valide_user.php'
- target : inexistant (donc retour dans même fenêtre)
Rien que du "normal" quoi.

Quoi toi vouloir t'exacquetement ?

Le retour dans le même div que le pavé du login ?
et en Javascript ?

Solution : XMLHTttpRequest

C'est à dire que dans la balise form tu as un onsubmit qui annule
l'action pour envoyer une requete au serveur (une page php qui analyse
et compare avec la BdD puis renvoie le div modifié (son code html) que
le XMLHttpRequest replace dans le div.

Ex: http://www.shiraz.free.fr/
Inscrivez vous ?
Mot de passe perdu ?
Envoit ==> envois vers un nouvau page mais pas dans DIV

Et où est le JS sur cette page ?

C'est une page en construction, et ça se voit fort :
- line 1 column 1 - Warning: <!DOCTYPE> escaping malformed URI reference
- mon navigateur tourne en rond
(doit y avoir une ou plusieurs balises manquantes)
- une fois <br> une fois <br /> et pareil pour meta et link
- je ne suis pas certain qu'en transitionnal on soit dispensé des
balises de fermeture des table, tr, td ... ?

Merci d'avance pour vos aides

Y a un énorme boulot à réaliser juste pour un 'tit div ... :-(
Mais ... peut-être ça pourra te resservir ?

<form action="Php/valide_user.php" method="post"
onsubmit="return monHttpRequest(this);">

La fonction monHttpRequest(quoi) { }
va devoir ramasser Nom et Pass du form
puis l'url de l'action (ou une autre ? plus appropriée)
va passer tout ça par le XMLHttpRequest au php qui après vérif renvoie
le contenu voulu du div, et enfin remplacement du div ou que de ses
contenus.
Sans oublier de finir par un
return false;
afin d'annuler l'action du form.


Pour écrire dans un div :

var D = document.getElementById('monDiv');
D.innerHTML = '<h2>Bonjour</h2>';

On peut aussi faire + propre et plus compliqué.
mais normalement ça suffit au HTTPRequest pour modifier le div
(le texte codé en html est produit par le php)

à la réserve prete qu'il faut que le div aît un id ...
En l'occurence seul un td a un id sur ta page ... :-(


à +

ASM wrote:

Bonjour,

Depuis hier soir je suis en trains de voir comment ecrire vers un DIV
sans succes. Voila, j'envois des donnees vers un DIV

Comment envoies-tu des données dans ton DIV ?
- En PHP ? si oui ... et alors ? c'est bien le moins me semble-ce.
- En Javascript ? j'ai pas vu de JS ... (rien, nada, le grd désert)

qui s'affiche bien,

Oui ça s'affiche, peut-être comme tu le veux et chez toi, de là à dire
que ça s'affiche "bien" ... y a une marge.
Ça s'affiche malgré toutes les erreurs serait + juste.

mais une fois la bouton d'envois est activé dans DIV , la sortie
parait dans une page mais pas dans la DIV.

Heu pas ni rien compris là :
c'est un formulaire avec :
- action : 'Php/valide_user.php'
- target : inexistant (donc retour dans même fenêtre)
Rien que du "normal" quoi.

Quoi toi vouloir t'exacquetement ?

Le retour dans le même div que le pavé du login ?
et en Javascript ?

Solution : XMLHTttpRequest

C'est à dire que dans la balise form tu as un onsubmit qui annule
l'action pour envoyer une requete au serveur (une page php qui analyse
et compare avec la BdD puis renvoie le div modifié (son code html) que
le XMLHttpRequest replace dans le div.

Ex: http://www.shiraz.free.fr/
Inscrivez vous ?
Mot de passe perdu ?
Envoit ==> envois vers un nouvau page mais pas dans DIV

Et où est le JS sur cette page ?

C'est une page en construction, et ça se voit fort :
- line 1 column 1 - Warning: <!DOCTYPE> escaping malformed URI reference
- mon navigateur tourne en rond
(doit y avoir une ou plusieurs balises manquantes)
- une fois <br> une fois <br /> et pareil pour meta et link
- je ne suis pas certain qu'en transitionnal on soit dispensé des
balises de fermeture des table, tr, td ... ?

Merci d'avance pour vos aides

Y a un énorme boulot à réaliser juste pour un 'tit div ... :-(
Mais ... peut-être ça pourra te resservir ?

<form action="Php/valide_user.php" method="post"
onsubmit="return monHttpRequest(this);">

La fonction monHttpRequest(quoi) { }
va devoir ramasser Nom et Pass du form
puis l'url de l'action (ou une autre ? plus appropriée)
va passer tout ça par le XMLHttpRequest au php qui après vérif renvoie
le contenu voulu du div, et enfin remplacement du div ou que de ses
contenus.
Sans oublier de finir par un
return false;
afin d'annuler l'action du form.


Pour écrire dans un div :

var D = document.getElementById('monDiv');
D.innerHTML = '<h2>Bonjour</h2>';

On peut aussi faire + propre et plus compliqué.
mais normalement ça suffit au HTTPRequest pour modifier le div
(le texte codé en html est produit par le php)

à la réserve prete qu'il faut que le div aît un id ...
En l'occurence seul un td a un id sur ta page ... :-(


à +

Rebonjour,

J'admet que je suis debutante et je viens de me lancer dans l'aventure
internet mais que voulez vous je n'ai pas suivie ni formation ni cours
donc je me balade sur internet pour apprendre. Alors que j'été presque
fiere de faire ma premier page, j'ai l'impression de faire
auto-satisfaction. Alors prenons tous à 0 :

Q: Comment envoies-tu des données dans ton DIV ?
Je le fait en PHP (connais pas encore assez bien JS)
Ex:
<div class="boxcontent">
<a class="menuTop" href="index.php?page=qui">
puis
case 'qui': include ('Txt/qui.txt'); break;


boxcontent est la div ou j'essaye d'affichier tous.



tu dis: Ça s'affiche malgré toutes les erreurs serait + juste.

alors que je teste ma page http://www.shiraz.free.fr/ en IE et firefox
l'affichage est bonne meme si cote designe on peut faire mieux.
Peux tu m'expliquer (malgré toutes les erreurs serait + juste) pour
que j'ameliore mes codes ?


Repreonons :
je vais sur http://www.shiraz.free.fr/
je veux que tous s'affichie dans la partie millieu
Je choisie Mot de passe perdu?
Please entrez votre addresse mail
je ne rentre rien et je fais envoyer
je recois Mail est vide (dans une nouvelle page)

comment faire que ce message parait au meme endroit ou j'ai recu
Please entrez votre addresse mail

ASM wrote:

Bonjour,

Depuis hier soir je suis en trains de voir comment ecrire vers un DIV
sans succes. Voila, j'envois des donnees vers un DIV

Comment envoies-tu des données dans ton DIV ?
- En PHP ? si oui ... et alors ? c'est bien le moins me semble-ce.
- En Javascript ? j'ai pas vu de JS ... (rien, nada, le grd désert)

qui s'affiche bien,

Oui ça s'affiche, peut-être comme tu le veux et chez toi, de là à dire
que ça s'affiche "bien" ... y a une marge.
Ça s'affiche malgré toutes les erreurs serait + juste.

mais une fois la bouton d'envois est activé dans DIV , la sortie
parait dans une page mais pas dans la DIV.

Heu pas ni rien compris là :
c'est un formulaire avec :
- action : 'Php/valide_user.php'
- target : inexistant (donc retour dans même fenêtre)
Rien que du "normal" quoi.

Quoi toi vouloir t'exacquetement ?

Le retour dans le même div que le pavé du login ?
et en Javascript ?

Solution : XMLHTttpRequest

C'est à dire que dans la balise form tu as un onsubmit qui annule
l'action pour envoyer une requete au serveur (une page php qui analyse
et compare avec la BdD puis renvoie le div modifié (son code html) que
le XMLHttpRequest replace dans le div.

Ex: http://www.shiraz.free.fr/
Inscrivez vous ?
Mot de passe perdu ?
Envoit ==> envois vers un nouvau page mais pas dans DIV

Et où est le JS sur cette page ?

C'est une page en construction, et ça se voit fort :
- line 1 column 1 - Warning: <!DOCTYPE> escaping malformed URI reference
- mon navigateur tourne en rond
(doit y avoir une ou plusieurs balises manquantes)
- une fois <br> une fois <br /> et pareil pour meta et link
- je ne suis pas certain qu'en transitionnal on soit dispensé des
balises de fermeture des table, tr, td ... ?

Merci d'avance pour vos aides

Y a un énorme boulot à réaliser juste pour un 'tit div ... :-(
Mais ... peut-être ça pourra te resservir ?

<form action="Php/valide_user.php" method="post"
onsubmit="return monHttpRequest(this);">

La fonction monHttpRequest(quoi) { }
va devoir ramasser Nom et Pass du form
puis l'url de l'action (ou une autre ? plus appropriée)
va passer tout ça par le XMLHttpRequest au php qui après vérif renvoie
le contenu voulu du div, et enfin remplacement du div ou que de ses
contenus.
Sans oublier de finir par un
return false;
afin d'annuler l'action du form.


Pour écrire dans un div :

var D = document.getElementById('monDiv');
D.innerHTML = '<h2>Bonjour</h2>';

On peut aussi faire + propre et plus compliqué.
mais normalement ça suffit au HTTPRequest pour modifier le div
(le texte codé en html est produit par le php)

à la réserve prete qu'il faut que le div aît un id ...
En l'occurence seul un td a un id sur ta page ... :-(


à +

Rebonjour,

J'admet que je suis debutante et je viens de me lancer dans l'aventure
internet mais que voulez vous je n'ai pas suivie ni formation ni cours
donc je me balade sur internet pour apprendre. Alors que j'été presque
fiere de faire ma premier page, j'ai l'impression de faire
auto-satisfaction. Alors prenons tous à 0 :

Q: Comment envoies-tu des données dans ton DIV ?
Je le fait en PHP (connais pas encore assez bien JS)
Ex:
<div class="boxcontent">
<a class="menuTop" href="index.php?page=qui">
puis
case 'qui': include ('Txt/qui.txt'); break;


boxcontent est la div ou j'essaye d'affichier tous.



tu dis: Ça s'affiche malgré toutes les erreurs serait + juste.

alors que je teste ma page http://www.shiraz.free.fr/ en IE et firefox
l'affichage est bonne meme si cote designe on peut faire mieux.
Peux tu m'expliquer (malgré toutes les erreurs serait + juste) pour
que j'ameliore mes codes ?


Repreonons :
je vais sur http://www.shiraz.free.fr/
je veux que tous s'affichie dans la partie millieu
Je choisie Mot de passe perdu?
Please entrez votre addresse mail
je ne rentre rien et je fais envoyer
je recois Mail est vide (dans une nouvelle page)

comment faire que ce message parait au meme endroit ou j'ai recu
Please entrez votre addresse mail

Rebonjour,

Re',

J'admet que je suis debutante et je viens de me lancer dans l'aventure
internet mais que voulez vous je n'ai pas suivie ni formation ni cours
donc je me balade sur internet pour apprendre.

C'est très bien.
J'avions commencé pareil de même, sauf que je n'ai pas tenté le piouz
difficile d'abord :-)

Alors que j'été presque
fiere de faire ma premier page, j'ai l'impression de faire
auto-satisfaction.

C'est vrai qu'au moins elle nous dispense de zigouigouis et otres
animations et/ou images inutiles.

Q: Comment envoies-tu des données dans ton DIV ?
Je le fait en PHP (connais pas encore assez bien JS)

Donc, c'est quasi comme si tu traitais en html de base.
Le serveur envoie la page demandée, éventuellement trafiquée par le php.

Ex:
<div class="boxcontent">
<a class="menuTop" href="index.php?page=qui">
puis
case 'qui': include ('Txt/qui.txt'); break;

donc ça ça fonctionne ?
suivant le case tu includes (ou print) :
- la question loguez-vous
- réponse recommencer
- réponse OK

Rien pas besoin de JavaScript là. Toute la page se réaffiche avec la
modif de boxcontent.
(le form a pour action la page index.php )

boxcontent est la div ou j'essaye d'affichier tous.

Pas clair ... 'tous' quoi ?

tu dis: Ça s'affiche malgré toutes les erreurs serait + juste.

alors que je teste ma page http://www.shiraz.free.fr/ en IE et firefox
l'affichage est bonne meme si cote designe on peut faire mieux.

Le design (l'apparence résultante) me va parfaitement.
Par contre le design (économie et pureté de fabrication) m'irait moins,
en particulier :
- utilisation de tables (et moults divs y imbriqués)
- erreurs d'écriture html (doc-type, balises ...)

Peux tu m'expliquer (malgré toutes les erreurs serait + juste) pour
que j'ameliore mes codes ?

Puisque tu as FireFox je te conseilles les extensions suivantes :
Web Developer :
http://chrispederick.com/work/webdeveloper/
HTML Validator :
http://users.skynet.be/mgueury/mozilla/
en particulier ce Validator qui va te sortir toutes les erreurs de code
html (mais ne va pas faire ta mise en forme à ta place)

Tu peux aussi prendre (pour analyser des sites vus par ailleurs)
JSViewer :
http://www.scorpiondb.com/firefox/extensions/jsview/
ColorZilla :
http://www.iosart.com/firefox/colorzilla/

Interressant aussi :
Live Http RHeaders :
http://livehttpheaders.mozdev.org/

Repreonons :
je vais sur http://www.shiraz.free.fr/
je veux que tous s'affichie dans la partie millieu

Bis repetita : quoi ça être "tous" ?
Si ce ne sont que les nouveautés (le reste de la page ne changeant
jamais), voici une méthode :

Tu as une page index.php du genre :
<html>
- le tremblement du head
- le bidouillage php pour savoir quoi charger
<?
# le querry si necessaire :
# récup de ?page=contenu&login=toto&pass=*** dans l'url
if($page) $page = "$page.txt";
?>
- le milieu : <? include($page); ?>
- le menu
- le login avec sa bidouille php
- le pieds de page (avec sa bidouille php (date étoussa) ?)
</html>

tout se passe sur cette seule et unique page.

Je choisie Mot de passe perdu?
Please entrez votre addresse mail
je ne rentre rien et je fais envoyer
je recois Mail est vide (dans une nouvelle page)

comment faire que ce message parait au meme endroit ou j'ai recu
Please entrez votre addresse mail

C'est du php, aucun interet sur ce ng où on parle de JavaScript.
Le JavaScript n'est pas fait pour traiter des documents restés sur le
site (analyser le login).

Tu peux tenter ta chance sur : fr.comp.lang.php
Mais ils sont très pugnaces, les newbies y sont très très mal vus !
Bien pire qu'ici.

Sinon :
http://www.phpdebutant.org/
http://www.siteduzero.com/tuto-3-4-0-un-site-dynamique-avec-php.html
http://faqfclphp.free.fr/
http://php.developpez.com/faq/?page=sommaire

--
ASM