Fermer

Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?

new!

ManipHtmlCSS

Script posté par :

Deny
Vous aussi, postez vos scripts en cliquant ici.

Description

DHTML, inner et outerText, className, getElementByID, toutes les façons de modifier du texte.

Compatibilité :

	FireFox : Toutes versions
	Mozilla : 1 et +
	Netscape Navigator : 6 et +
	Internet Explorer : 5 et +

Ce script utilise le DHTML

Chiffres :

Date de création : 14/01/2005
Dernière modif : -
Visites de la page : 17674
Envois par mail : 40

Exemple :

Activé par les onmouseover onmouseout et onClick

Hello, comment va ?

Changez la couleur du carré (english, ou #RRVVBB)

Clique ici........Barre de scroll: Afficher - Masquer

Ici aussi

Hello

voir ici

Cliques après être passé au dessus

information

<------ Les outer -------------------------------->

this.outerText

this.outerHTML

Le code :

Entre <HEAD> et </HEAD> :

<html>
<head>
<script>
var test = new Boolean(false);

Entre <BODY> et </BODY> :

<body style="border:15px darkblue solid;overflow:hidden;">
<p>Activé par les onmouseover onmouseout et onClick</p>
<div id="div1"><p class="c1" onmouseover="this.className='c2';document.getElementById('info').innerText='innerText+className';" onmouseout="this.className='c1';">Hello, comment va ?</p></div>
<div id="div2"><form><input type="text" name="col" style="width:75px;"><br><input type="button" value="go" onClick="chgcolor();"></form><br>Changez la couleur du carré (english, ou #RRVVBB)</div>
<p class="c3"><a href="#" onmouseover="document.getElementById('info').innerText='window.event.srcElement = adresse page+lien et attribue un style à l\'événement + GBID.style.bgcol(Clique ici)';" onClick="doClick('black');document.getElementById('div1').style.backgroundColor='black';">Clique ici</a>........Barre de scroll: <a href="#" onClick="document.body.style.overflow='scroll'">Afficher</a> - <a href="#" onClick="document.body.style.overflow='hidden'">Masquer</a></p>
<p><a href="#" onClick="doClick('green');">Ici aussi</a></p>
<p class="c4" onmouseover="this.style.color='red';this.style.fontSize='18px';document.getElementById('info').innerText='innerText+this.style+this.classNameIdem';" onmouseout="this.className='c4';this.style.borderWidth='0';">Hello</p>
<p class="c4" onmouseover="this.style.color='green';this.style.fontSize='18px';document.getElementById('info').innerText='innerText+this.style+this.classNameAutre';" onmouseout="this.className='c5';this.innerText='Hello';">Hello</p>
<div id="voir" style="width:100px;height:50px;" onmouseover="chghtml();document.getElementById('clique').innerText='Cliques maintenant';document.getElementById('info').innerText='innerHTML+style.display';">voir ici</div>
<p id="clique" onmouseover="controle();" onmousedown="controleplus();"><a href="#" onClick="return false;">Cliques après être passé au dessus</a></p>
<div id="info">information</div>
<p><------ Les outer --------------------------------></p>
<div style="width:25%">
<H1 id="p0" onmouseover="outer0();">this.outerText</H1>
<p id="p1" onmouseover="outer1()">this.outerHTML</p>
</div>
</body>
</html>

Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript

Les annotations des visiteurs :

Pas d'annotation pour ce script.
>> Poster une annotation sur ce script

18 visiteurs
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

Dell
Dell est le leader de la distribution de PC uniquement en ligne et par telephone.
http://www.dell.fr

Cat : Hardware
Voir l'annuaire webmaster

LES SCRIPTS :

78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

LES MEMBRES :

55276 membres
8361 comptes CountUs
1485 comptes myCircle

LES FORUMS :

14 forums
39236 topics
188869 messages
>> Les forums

SONDAGE

La mini-astuce "Navigateur" du jour par chrislebouler
La fonction agrandissement de texte existe sur tous les navigateurs. Le moyen le plus universel pour l'utiliser?... Ctrl + molette centrale de la souris.
Plusieurs avantages : pour IE pas besoin de l'onglet affichage, pour les Geckos agrandissement + progressif que l'option Ctrl ++.
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi