[Dév web] - Chapitre 2

Ecrit par tchess, le 24 Dec 2004 dans la catégorie Programmation

Voilà la suite du chapitre 1 (ben oui :p), vous y apprendrez :

Sommaire

Les languages plutôt mais c'est pour faire comme dans le chapitre 1


Le HTML : plus de balises

La balise imgInsère une image<img src=img.jpg border=0 alt=commentaire>
Cette balise ne demande pas de </img>
L'attribut colspan et rowspan de la balise tdPermet de grouper des cellules<td colspan=2></td> : va créer une cellule qui a la taille de deux cellules à l'horizontal
<td rowspan=2></td> : va créer une cellule qui a la taille de deux cellules à la verticale
La balise marqueeFais défiler du texte<marquee behavior=slide direction=right scrollamount=15>blabla</marquee> : fais défiler "blabla" à la vitesse 15 vers la droite et avec la methode slide (ca ne boucle pas quand le texte arrive à l'extrémité : il s'arrête. Il y a aussi alternate qui permet que le texte change de direction à chaque fois qu'il arrive à une extrémité).
Les balises embed et bgsoundPermet d'insérer du son sur une pagesrc : permet de spécifier l'url du fichier à lire, loop=0 : définit le nombre de lecture (je vous conseille plutôt embed)
Les balises frameset et frameCréation de frames<frameset cols=80%,20%><frame src="test.html"> name=droite><frame src="test2.html"> name=gauche></frameset>

Pour lancer une page dans une des frames, vous utiliserez target="nom_de_la_frame". Pour faire une division horizontale, remplacez cols par rows
Les balises de formulaire :
Nom :
Password :
Age :
Choix : a
b
c

Radio : 1
4
7


<form action="result.php" method="post">
Nom : <input type="text" name="nom"><br>
Password : <input type="password" name="pass"><br>
Age : <select name="age">
<option value="a">+10
<option value=""b>+20
<option value="slt">+30
</select><br>
Choix : <input type="checkbox" name="choix" value="a">a<br>
<input type="checkbox" name="choix" value="b">b<br>
<input type="checkbox" name="choix" value="c">c<br>
<br>
Radio : <input type="radio" name="seul" value="a">1<br>
<input type="radio" name="seul" value="b">4<br>
<input type="radio" name="seul" value="c">7<br>
<br>
<input type="submit" value="Envoyer sur result.php"><br>
<input type="reset" value="Effacer le contenu des champs">


PHP

Lecture/écriture dans les bases de données :
Alors d'abord, avant de faire quoi que ce soit sur la base de données, on se connecte au serveur MySQL et on sélectionne une base :
<?php
$connection=mysql_connect('localhost','login','password'); // on se connecte sur localhost (serveur local) avec login:password
mysql_select_db('base1_db',$connection); // on selectionne la base base1_db
?>

Puis, on va faire quelque chose. Ici nous allons d'abord lire :
$requete=mysql_query("SELECT * FROM table1_tbl WHERE liste=1"); // mysql_query() permet d'envoyer une requete SQL au serveur. Ici on selectionne tous les enregistrements de la table table1_tbl ou le champ liste est à 1
while($recup=mysql_fetch_assoc($requete)) { // pour chaque enregistrements de la table, on stoque les valeurs dans le tableau $recup[]
  echo $recup['pseudo']."<br>"; // on affiche le contenu du champ pseudo
}
Si il n'y a qu'un enregistrement, pas besoin de while (logique).

Maintenant, nous allons supprimer des enregistrements :
mysql_query("DELETE FROM table1_tbl WHERE liste=0"); // on supprime tous les enregistrements où "liste" est à 0
Maintenant nous allons écrire dans la table :
mysql_query("INSERT INTO table1_tbl VALUES('pseudo','1')"); // Ici on insert un nouvel enregistrement avec le champ pseudo qui contient pseudo et le champ liste qui contient 0
// Les valeurs à insérer se place dans l'ordre des champs de la table

Et enfin on met à jour un/des enregistrement(s) d'une table :
mysql_query("UPDATE SET liste=0 FROM table1_tbl WHERE pseudo='anonyme'"); // pour le(s) enregistrement(s) où pseudo contient anonyme on met liste à 0
Et enfin on ferme la connection :
mysql_close(); A noter que _tbl et _db ne sont pas toujours indispensables.

Lecture/écriture dans un fichier :
Voici d'abord la lecture :
<?php
$fichier=fopen('fichier.txt','r+'); // on ouvre fichier.txt en lecture/ecriture ("r" pour lecture seule)
$contenu=fgets($fichier,100); // on lit les 100 premiers caractères de fichier.txt qu'on stoque dans $contenu
echo $contenu;

Maintenant on écrit dans le fichier :
fseek($fichier,100); // on se place au centième caractère de fichier.txt
fputs($fichier,"contenu à ecrire dans fichier.txt");
fclose($fichier); // on ferme le fichier
?>


Le Javascript

Nous allons voir ici différents objets du langage JavaScript.

Manipulation de tableau et de l'élément title : <body onLoad="javascript:title()">
<script>
var num=0;
var titre=new Array;
titre[0]='Bienvenue sur DarkSk8';
titre[1]='Site de skate : trick tips, images, vidéos, ...';
titre[2]='Et aussi un forum, un jeu(Sk8Land)...';
function title() { // on crée une fonction
  num=num%3; // % : operateur modulo
  document.title=titre[num]; // document.title est l'élément title de la fenetre
  num++;
  setTimeout("title()",3000); // apres 3000 millisecondes on relance la fonction
}
</script>
</body>

Gestion des événements : <input type=text id=texte>
<button onClick="texte.value='Clic'" onMouseout="texte.value='Souris dehors'" onMouseOver="texte.value='souris dessus'">Boutton</button>

Fond aléatoire : <script>
RGB = new Array(
"#F0F8FF","#FAEBD7","#00FFFF","#7FFFD4","#F0FFFF","#F5F5DC",
"#FFE4C4","#000000","#FFEBCD","#0000FF","#8A2BE2","#A52A2A",
"#DEB887","#5F9EA0","#7FFF00","#D2691E","#FF7F50","#6495ED",
"#FFF8DC","#DC143C","#00FFFF","#00008B","#008B8B","#B8860B",
"#A9A9A9","#006400","#BDB76B","#8B008B","#556B2F","#FF8C00",
"#9932CC","#8B0000","#E9967A","#8FBC8F","#483D8B","#2F4F4F",
"#00CED1","#9400D3","#FF1493","#00BFFF","#696969","#1E90FF",
"#B22222","#FFFAF0","#228B22","#FF00FF","#DCDCDC","#F8F8FF",
"#FFD700","#DAA520","#808080","#008000","#ADFF2F","#F0FFF0",
"#FF69B4","#CD5C5C","#4B0082","#FFFFF0","#F0E68C","#E6E6FA",
"#FFF0F5","#7CFC00","#FFFACD","#ADD8E6","#F08080","#E0FFFF",
"#FAFAD2","#90EE90","#D3D3D3","#FFB6C1","#FFA07A","#20B2AA",
"#87CEFA","#778899","#B0C4DE","#FFFFE0","#00FF00","#32CD32",
"#FAF0E6","#FF00FF","#800000","#66CDAA","#0000CD","#BA55D3",
"#9370DB","#3CB371","#7B68EE","#00FA9A","#48D1CC","#C71585",
"#191970","#F5FFFA","#FFE4E1","#FFE4B5","#FFDEAD","#000080",
"#FDF5E6","#808000","#6B8E23","#FFA500","#FF4500","#DA70D6",
"#EEE8AA","#98FB98","#AFEEEE","#DB7093","#FFEFD5","#FFDAB9",
"#CD853F","#FFC0CB","#DDA0DD","#B0E0E6","#800080","#FFBB00",
"#BC8F8F","#416901","#8B4513","#FA8072","#F4A460","#2E8B57",
"#FFF5EE","#A0522D","#C0C0C0","#87CEEB","#6A5ACD","#708090",
"#FFFAFA","#00FF7F","#4682B4","#D2B48C","#008080","#D8BFD8",
"#FF6347","#40E0D0","#EE82EE","#F5DEB3","#FFFFFF","#F5F5F5",
"#FFFF00","#9ACD32");
var nombre=140;
g=Math.floor(Math.random()*nombre);
document.bgcolor=RGB[g];
h=Math.floor(Math.random()*nombre);
document.text=RGB[h];
i=Math.floor(Math.random()*nombre);
document.link=RGB[i];
</script>


Si vous avez un commentaire à faire à l'auteur de cet article, cliquez ici !