Difference HTML & Javascript ?

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Difference HTML & Javascript ?

Message par Aureeliie le Ven 14 Oct 2011 - 17:21

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

Aureeliie
**

Féminin
Messages : 58
Inscrit(e) le : 30/03/2011

http://tepa-forum.forumactif.com
Aureeliie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Difference HTML & Javascript ?

Message par Chouquette~ le Ven 14 Oct 2011 - 17:56

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).

Mr. Green

Chouquette~
*****

Masculin
Messages : 666
Inscrit(e) le : 15/07/2009

Chouquette~ a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Difference HTML & Javascript ?

Message par Ea le Ven 14 Oct 2011 - 17:59

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à :
http://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 )

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Difference HTML & Javascript ?

Message par Aureeliie le Mar 18 Oct 2011 - 17:07

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 !

Aureeliie
**

Féminin
Messages : 58
Inscrit(e) le : 30/03/2011

http://tepa-forum.forumactif.com
Aureeliie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Difference HTML & Javascript ?

Message par Ea le Mar 18 Oct 2011 - 17:40

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

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Difference HTML & Javascript ?

Message par Aureeliie le Jeu 20 Oct 2011 - 17:03

Et bien, c'est l'histoire .

Aureeliie
**

Féminin
Messages : 58
Inscrit(e) le : 30/03/2011

http://tepa-forum.forumactif.com
Aureeliie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Difference HTML & Javascript ?

Message par Ea le Jeu 20 Oct 2011 - 17:17

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>

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Difference HTML & Javascript ?

Message par Aureeliie le Lun 24 Oct 2011 - 12:00

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

?

Aureeliie
**

Féminin
Messages : 58
Inscrit(e) le : 30/03/2011

http://tepa-forum.forumactif.com
Aureeliie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Difference HTML & Javascript ?

Message par Ea le Lun 24 Oct 2011 - 12:04

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 ).

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Difference HTML & Javascript ?

Message par Aureeliie le Lun 24 Oct 2011 - 13:18

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 . ):

Aureeliie
**

Féminin
Messages : 58
Inscrit(e) le : 30/03/2011

http://tepa-forum.forumactif.com
Aureeliie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Difference HTML & Javascript ?

Message par Zorro le Lun 24 Oct 2011 - 14:11

Bonjour,

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




Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe


Zorro
Dévactif
Dévactif

Masculin
Messages : 2005
Inscrit(e) le : 05/12/2006

https://fr.wikipedia.org/wiki/Guy_Williams_(acteur)
Zorro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Difference HTML & Javascript ?

Message par Aureeliie le Mar 25 Oct 2011 - 16:45

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

Aureeliie
**

Féminin
Messages : 58
Inscrit(e) le : 30/03/2011

http://tepa-forum.forumactif.com
Aureeliie a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Difference HTML & Javascript ?

Message par Zorro le Mar 25 Oct 2011 - 16:55


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.




Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe


Zorro
Dévactif
Dévactif

Masculin
Messages : 2005
Inscrit(e) le : 05/12/2006

https://fr.wikipedia.org/wiki/Guy_Williams_(acteur)
Zorro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Difference HTML & Javascript ?

Message par Ea le Mar 25 Oct 2011 - 17:04

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

Ou 4 messages plus haut =P

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Difference HTML & Javascript ?

Message par Zorro le Mar 25 Oct 2011 - 17:22


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




Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe


Zorro
Dévactif
Dévactif

Masculin
Messages : 2005
Inscrit(e) le : 05/12/2006

https://fr.wikipedia.org/wiki/Guy_Williams_(acteur)
Zorro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Difference HTML & Javascript ?

Message par Aureeliie le Mer 26 Oct 2011 - 11:03

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 Very Happy

Aureeliie
**

Féminin
Messages : 58
Inscrit(e) le : 30/03/2011

http://tepa-forum.forumactif.com
Aureeliie a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum