11484 sujets

JavaScript, DOM et API Web HTML5

salut j'ai creer un site web avec dreamwever. j'aimerais afficher une info selectionner dans le champs d'une page dans un autre champ d'une autre page web.
Bonjour ismoProg,
il est possible de le faire en javascript mais ce n'est pas très simple tu peux voir sur ce lien
http://www.trucsweb.com/tutoriels/javascript/tw303/.

La manière la plus simple de faire ce genre de chose est d'utiliser le langage php dans tes pages html, pour cela il faut que tu ais un serveur local si tu veux faire des tests sans publier ton site. Avec XAMPP ou un de ses avatars tu peux installer un serveur local avec php-mysql très facilement en suivant le mode d'emploi.
voir : https://www.apachefriends.org/fr/download.html

Petite illustration de php :

Pour que le code php que tu vas insérer dans ta page html soit pris en compte par le serveur lorsque qu'il envoie la page vers le navigateur de l'internaute il faut que tes pages html soit renommer avec ".php" comme extension.

Le code php que tu ajoutes à tes pages doit êtres contenu entre les <?php et ?>.
Tu peux écrire autant de bloc de code que tu veux sur une page :

<?php
mon code php
?>

ECHO :
La commande "echo" permet d'écrire ce que tu veux dans la page...
exemple :

<div>Date : <?php echo date("d/m/Y");?></div>

ou pour valoriser un attribut de balise:

saisir la date<input type="text" value="<?php echo date('d/m/Y');?>"/>
saisir la date<input type="date" value="<?php echo date('Y-m-d');?>"/>

ou même écrire du html:

<?php
         echo "<br/>";
         echo "DATE TEXT : <input type='text' value='".date('d/m/Y')."'/><br/>";
         echo "DATE DATE : <input type='date' value='".date('Y-m-d')."'/>";
?>


Pour envoyer des infos d'une page à une autre il faut envoyer les informations au serveur pour qu'il les récupères et les ajoutent à la nouvelle page appelée.

Il y a 2 méthodes simples:

Passer des informations d'une page à une autre avec FORM (avec GET ou POST)
Sur une page avec un formulaire on a ceci (il n'y a pas forcément de php sur cette page):

<form action="lapagereponse.php" method="GET">
          Nom : <input name="nom" type="text"/>
          Prénom : <input name="prenom" type="text"/> 
          <input type="submit" name="valider" value="Valider"/>
</form>

Dans la page appelée en appuyant sur le bouton "valider" (lapagereponse.php) on a le code ci-dessous :

<p>Bienvenu <?php echo $_GET['prenom']." ".$_GET['nom']?>
</p>

il y a aussi la méthode POST qui évite que les paramètres soient visibles dans l'URL sur le navigateur (méthode conseillée). La syntaxe est exactement la même il faut juste remplacer $_GET par $_POST partout et évidemment remplacer method="GET" par method="POST"

2ème méthode : passer des informations par une ancre

exemple:

<a href="mapageune.php?choix=1&page=zero">Choix 1 de la page zero</a>
<a href="mapageune.php?choix=2&page=zero">Choix 2 de la page zero</a>


dans mapageune.php

<?php
        echo "Vous avez fait le choix n°".$_GET['choix']." de la page ".$_GET['page'];
?>

Vous constatez que les informations sont transmises par la méthode GET

Je n'ai utilisé qu'une seule commande php : echo.
$_GET et $_POST sont des tableaux utilisés par php pour récupérer les informations envoyées par les navigateurs au serveur selon la méthode (GET ou POST).
Les indices des tableaux sont les attributs name des champs de saisie du formulaire.

Vous pouvez déjà réaliser beaucoup de chose avec cette seule commande et si vous apprenez un peu l'algorithmie : les opérateurs conditionnels, les itérations, les variables, les tableaux, l'écriture,la lecture dans une base de donnée etc... vous pourrez développer un site dynamique top moumoute!

Bonne journée,
GJboba