Difference HTML & Javascript ?

[Aureeliie]

Bonjour ! Alors tout est dans le titre !
Quelle est la difference entre les pages HTML et les pages Javascript ?
Merci d'avance!

[Chouquette~]

Bonsoir,

Hé bien, les pages HTML sont là pour contenir du HTML, éventuellement du CSS (peut aussi contenir des scripts JS).
Les pages JS sont là pour contenir du Javascript, à noter qu'il est possible via ces pages d'appliquer les scripts contenus sur une page, l'accueil, les sujet ou sur tout le forum sans aucune intervention dans les templates (avec les page HTML pour faire du JS il faudrait trifouiller les templates).

[Ea]

Bonjour,


Le html c'est toute la structure de votre page ( <strong>texte en gras</strong> ) que vous pouvez voir en faisant un clic droit sur la page et puis "afficher la source".

Dans beaucoup de champ du panneau d'administration on peut mettre de l'html, ça signifie que ce qu'on entre dans ces champs sera mis dans le forum tel quel.

Et donc ce code source c'est ensuite au navigateur de l'interpréter.


Donc là en gros le code html ce n'est que quelque chose de similaire à ce que ferais word si ce n'est qu'il peut y avoir des liens entre les pages surtout.

Ensuite le javascript ( le java ne signifie rien, en fait ça pourrait s'appeller " language de script de page web " ) cela permet d'exécuter du code qui peut modifier la page en utilisant des informations dont elle est constituée.

Par exemple si dans le html il y a <a id="top"></a> il y un code javascript qui permet de "récupérer" l'élément :

Code:

document.getElementById("top")

De là on peut très bien par exemple ajouter la date dans l'élément, le supprimer, ... et faire plein d'autre chose mais ce sont toutes des choses qui arrivent "après" l'ouerture de la page.

Il y a plusieurs façons d'inclure ( car il faut l'inclure sinon aucun moyen de svoir qu'il faut l'exécuter ), elles devraient être assez décrite là :
https://forum.forumactif.com/t301116-javascript-sur-forumactif

Voici quelques exemples en utilisant jsfiddle ( un service qui permet de "teste" un code javascript / html / css ).

Avec juste du html :

Code:

a<br />
a<br />
a<br />
a<br />
a<br />
a<br />

Donne : http://jsfiddle.net/gXb8w/

Avec du html et du javascript ( la partie dans la balise script ) :

Code:

<span id="cible">salut</span>

<script type="text/javascript">
    var texte= "ceci est le texte qui va être mis où il faut";
    document.getElementById("cible").innerHTML=texte;
</script>

Donne : http://jsfiddle.net/gXb8w/1/ ( le javascript ici modifie le contenu html )


Donc en quelque sorte le html c'est une "syntaxe" qui permet d'afficher les choses comme on souhaite ( et plus précisément la structure qu'on souhaite, c'est à dire si on veut un tableau, que quelque chose soit dans autre chose, ... car pour ce qui est du style en lui même on utilise encore un autre language ( lui très simple à coté du html et javascript ) qui est le css qui permet de donner des règles sur la façon dont tout les éléments html doivent s'afficher ).

Et le javascript c'est par un langage de script qui permet d'ajouter des fonctionnalités aux pages "sans changer de page", par exemple ici le widget derniers sujet, ce qui l'arrête quand on passe au dessus du nom d'un sujet c'est du javascript.

( sinon en fait le javascript comme le css est "inclu" dans le html )

[Aureeliie]

Ahhhh d'accord ... Mais savez vous comment faire pour que le contexte soit de la meme forme que le contexte de ce forum : http://guerre-desclans.forumactif.org/
?
Merci pour vos réponses à mon ancienne question !

[Ea]

Peut-être, qu'est-ce qu'un " contexte " et de quelle forme de ce "contexte" parlez-vous ?

[Aureeliie]

Et bien, c'est l'histoire .

[Ea]

Et bien si c'est le truc dans la colonne du milieu dans le tableau sur le forum que vous donnez, un tableau à 3 colonnes et 1 ligne ça se fait comme cela :

Code:

<table>
  <tr>
    <td>contenu case 1</td>
    <td>contenu case 2</td>
    <td>contenu case 3</td>
  </tr>
</table>

Et un élément qui a des barres de défilement qui s'affiche si la taille du contenu dépasse celle voulue, ça se fait avec :

Code:

<div class="histoire-message-accueil">mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire </div>

Et en ajoutant dans le CSS personnalisé ( PA > Affichage > Couleurs > Feuille de style ) ceci :

Code:

.histoire-message-accueil {
  max-width: 300px;
  max-height: 400px;
  overflow: auto;
}

Si vous voulez une largeur max de 300 pixels et une hauteur max de 400 pxiels.

Ensuite vous pouvez évidemment combiner les deux ce qui donne :

Code:

<table>
  <tr>
    <td>contenu case 1</td>
    <td><div class="histoire-message-accueil">mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire mon nistoire </div></td>
    <td>contenu case 3</td>
  </tr>
</table>

[Aureeliie]

Oui mais ou dois je coller le code ? Dans
Templates > Général

?

[Ea]

Le message d'accueil il se met dans PA > Affichage > Généralités > Message sur la page d'accueil > Contenu du message ( en mode avec le :+html: au dessus ).

[Aureeliie]

Je suis vraiment désolée, je suis le pire des cas désespérés ...

Mais en fait, comme sur ce forum : http://agedefeu.forumgratuit.org/forum

Je voudrais faire une sorte de cadre comme ça avec la barre de défilement et le texte à l'intérieur (:


Sincerement désolée . ):

[bando]

Bonjour,

il suffit de créer un div avec un overflow:auto, un width et un height dessus en CSS.

[Aureeliie]

C'est à dire ?
:S:S:S

[bando]

roo avec toutes les informations, vous aurez pu trouver dans google.

HTML

Code:

<div class="areaWithScroll">Votre contenu</div>

CSS

Code:

.areaWithScroll {
overflow:auto;
height:100px;
width:200px
}

Allez à vous de jouer et d'adapter tout ca.

[Ea]

roo avec toutes les informations, vous aurez pu trouver dans google.

Ou 4 messages plus haut =P

[bando]

A en plus Etana avait déjà répondu. Donc lancez-vous. Sinon dites nous ce qui vous bloque.

[Aureeliie]

D'accord merci :p

Euuh en fait j'ai 12 ns et je suis pas très douée en HTML .. :S

Mais merci pour vos réponses, je vais faire avec