Discussion :

[thais781]

Bonjour,

Je fais mon petit site web sans trop de soucis, beaucoup de html et un peu de JS
Je m’aperçois que je répète souvent la même chose et me demande si on ne peut pas stocker tous cela dans une BDD
Un petit exemple ci-dessous

Dans mon fichie

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="menu"><a id="038" href="" onclick="javascript:affiche038(); return false;">Texte 038</a></div>
<div id="menu"><a id="042" href="" onclick="javascript:affiche042(); return false;">Texte 042</a></div>
<div id="menu"><a id="041" href="" onclick="javascript:affiche041(); return false;">Texte 041</a></div>

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<span class="spanT" data-linkedto="038" style="display:none">
	<table style="text-align: center; width: 100%;" border="0">
	<tbody><tr>
		<td style="text-align: center; width: 20%"><div id="BoxV"><a href="..." rel="nofollow" title="V">V</a></div></td>
		<td style="text-align: center; width: 20%"><div id="BoxM"><a href="..." rel="nofollow" title="M">M</a></div></td>
		<td style="text-align: center; width: 20%"><div id="BoxF"><a href="..." rel="nofollow" title="F">F</a></div></td>
	</tr></tbody></table>
</span>
<span class="spanT" data-linkedto="042" style="display:none">
	<table style="text-align: center; width: 100%;" border="0">
	<tbody><tr>
		<td style="text-align: center; width: 20%"><div id="BoxV"><a href="..." rel="nofollow" title="V">V</a></div></td>
		<td style="text-align: center; width: 20%"><div id="BoxM"><a href="..." rel="nofollow" title="M">M</a></div></td>
		<td style="text-align: center; width: 20%"><div id="BoxF"><a href="..." rel="nofollow" title="F">F</a></div></td>
	 </tr></tbody></table>
</span>
<span class="spanT" data-linkedto="041" style="display:none">
	<table style="text-align: center; width: 100%;" border="0">
	<tbody><tr>
		<td style="text-align: center; width: 20%"><div id="BoxV"><a href="..." rel="nofollow" title="V">V</a></div></td>
		<td style="text-align: center; width: 20%"><div id="BoxM"><a href="..." rel="nofollow" title="M">M</a></div></td>
		<td style="text-align: center; width: 20%"><div id="BoxF"><a href="..." rel="nofollow" title="F">F</a></div></td>
	 </tr></tbody></table>
	</tr></tbody></table>
</span>

Et un exemple de la fonction dans mon code JS :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
//-------------------------------------------------------------------------------------------------
//affiche041  -  041
function affiche041(){
Texte1 = ""
Texte2 = ""
Texte3 = ""
 
$('#tableau #spanText1').html(PrintStart(Texte1,"041"));
$('#tableau span.spanT').hide();
$('#tableau span.spanT[data-LinkedTo="041"]').show();
$('#tableau #spanText2').html(PrintEnd(Texte2,Texte3,Texte4,"D14041"));
}
//-------------------------------------------------------------------------------------------------

Est ce que SQL peut me permettre de structurer tout cela mieux ?
Y a t'il une solution plus simple ?
Le but étant de pouvoir ajouter ou supprimer des menus plus facilement que d'aller dans le code html et de faire des insertions ....

Merci pour votre aide si vous avez une idée

Joyeux Noel

Thais

[romuluslepunk]

Bonjour,

Tu à plein de fonction js afficheXX ?
Je te conseille plutot de faire 1 seule fonction : affiche(XX)
Quand tu aura fait celà, tu aura 1 fonction paramétrable et donc moins de risque d'erreur, page chargée plus rapidement, et en 1 ligne tu ajoute un élément à ton menu.
Voilà on a réglé le redondance du javascript

Pour la redondance HTML, tu peut utiliser une base de donnée .
Tu ne stocke pas les balises complète, seulement les éléments 'changeants'.
Avec un langage interprété par le serveur (php par exemple), tu récupère ces éléments dans la base et tu affiche en html tous les blocs avec une boucle.

Tu peut regarder au template aussi, celà peut te permettre de pas avoir à inclure tous les éléments sur chaque page html.

Peut-tu me dire quel langage tu compte utiliser (php, asp, ...) ?

Bon réveillon

[thais781]

Bonjour et bon noel a toi,

En faite, les fonctions JS sont la uniquement pour simplifier mon code html mais effectivement avec un autre gestion on ne pourrait en utiliser qu'une.

Pour le langage, le site est en html, JS et css avec une fonction php (en mode copier/coller)
Je connais pas grand chose au dev web (php, sql ...), je suis plutot en soft embarqué et un peu en JS, donc pas de préférence quand au langage, celui qui sera le plus approprié et le plus accesible pour une newbies lol
A toi de me dire .....

Merci pour ton aide

Thais

[romuluslepunk]

Bonjour,

Vu que le serveur permet le php, je te le conseille.
Il est pas compliqué à mettre en oeuvre, une fois qu'on a compris les syntaxe et et logique.
Personnellement, c'est le 1er langage que j'ai appris voilà 13 ans environ.

Voici un cours pour apprendre le php : http://sylvie-vauthier.developpez.co...rand-debutant/
Voici un petit cours pour apprendre à travailler avec une base de données en php : http://eusebius.developpez.com/phpmysql-base/

Lorsque tu aura intégré le php et une base de données, tu aura les compétences pour te pencher sur les templates :
http://php.developpez.com/cours/?page=bibliotheques#tpl

Je pense que faire passer ton site en php t'aidera énormément à long terme.
On voyant ton code, j'ai l'impression que tu crée un site de la même manière qu'il y a 15 ans en arrière :
que des pages statiques, autant de répétition de code (menu, ...) qu'il y a de pages, ...

Bonne journée,

[ABCIWEB]

Salut,

Effectivement comme l'a dit romuluslepunk, php est le langage web le plus abordable pour les débutants. Tu pourras progresser suivant tes besoins et à ton rythme. Pour l'installer sur ton ordinateur et faire les premiers tests il te faudra wampserver ou easyphp. Si c'est tes premiers pas dans la programmation tu vas découvrir un autre monde, passionnant mais chronophage.

[thais781]

Bon ok, je me suis lancée ....
Et de premier abord ca n' a pas l'air très compliqué, il faut dire que le site developpez.com m'a beaucoup aider.

Merci pour votre aide et à très bientôt, je vais surement encore avoir besoin d'aide

Thais