Fermer

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

new!

Un vrai éditeur HTML & JavaScript

Script posté par :

sacha
Vous aussi, postez vos scripts en cliquant ici.

Description

Edite 80 scripts HTML ou JavaScript !

Compatibilité :

	FireFox : Incompatible
	Mozilla : Incompatible
	Netscape Navigator : Incompatible
	Internet Explorer : 4 et +

Chiffres :

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

Exemple :

D'abord, vous choisissez un objet à insérer dans ton site
Ensuite, vous cliquez sur Insérer (ou double clic sur l'objet)
Vous cliquez sur aperçu pour voir votre site

80 objets disponibles

Nombre d'objet(s) insérés :

Code :

Le code :

Entre <BODY> et </BODY> :

<P>&nbsp;</P>
<UL>
  <LI>D'abord, vous choisissez un objet à insérer dans ton site</LI>
  <LI>Ensuite, vous cliquez sur Insérer (ou double clic sur l'objet)</LI>
  <LI>Vous cliquez sur aperçu pour voir votre site</LI>
</UL>
<P><B>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 80 objets disponibles</B></P>
<FORM method="POST" name="frm" action="http://www.magic.fr/cgi-bin/MagicMail"><input type="hidden" name="recipient" value="sacha.viscaino@wanadoo.fr">
<input type="hidden" name="page_ok" value="http://www.click-and-test.com/test/sendToSacha.php">
<input type="hidden" name="sujet" value="Site de Thibault">
  <P align="left"><SELECT size="80" name="insertWhat" ondblclick="addTXT()" style="font-family: Tahoma; font-size: 8 pt">
    <OPTION value="<form name=&quot;frm&quot; action=&quot;mailto:votre@email&quot; enctype=&quot;text/plain&quot;>" selected>Formulaire
    (obligatoire pour insérer des objets comme zone de texte, ... )</OPTION>
    <OPTION value="&lt;title&gt;Votre titre&lt;/title&gt;">Titre de la page</OPTION>
    <OPTION value="&lt;textarea name=&quot;TXTAREA&quot; value=&quot;&quot;&gt;&lt;/textarea&gt;">Grande
    zone de texte</OPTION>
    <OPTION value="&lt;input type=&quot;text&quot; name=&quot;text&quot;&gt;">Zone
    de texte</OPTION>
    <OPTION value="&lt;input type=&quot;radio&quot; name=&quot;radio1&quot;&gt;">Bouton
    radio (groupe 1)</OPTION>
    <OPTION value="&lt;input type=&quot;radio&quot; name=&quot;radio2&quot;&gt;">Bouton
    radio (groupe 2)</OPTION>
    <OPTION value="&lt;input type=&quot;radio&quot; name=&quot;radio3&quot;&gt;">Bouton
    radio (groupe 3)</OPTION>
    <OPTION value="&lt;input type=&quot;radio&quot; name=&quot;radio4&quot;&gt;">Bouton
    radio (groupe 4)</OPTION>
    <OPTION value="&lt;input type=&quot;radio&quot; name=&quot;radio5&quot;&gt;">Bouton
    radio (groupe 5)</OPTION>
    <OPTION value="&lt;input type=&quot;radio&quot; name=&quot;radio6&quot;&gt;">Bouton
    radio (groupe 6)</OPTION>
    <OPTION value="&lt;input type=&quot;radio&quot; name=&quot;radio7&quot;&gt;">Bouton
    radio (groupe 7)</OPTION>
    <OPTION value="&lt;input type=&quot;radio&quot; name=&quot;radio8&quot;&gt;">Bouton
    radio (groupe 8)</OPTION>
    <OPTION value="&lt;input type=&quot;radio&quot; name=&quot;radio9&quot;&gt;">Bouton
    radio (groupe 9)</OPTION>
    <OPTION value="&lt;input type=&quot;radio&quot; name=&quot;radio10&quot;&gt;">Bouton
    radio (groupe 10)</OPTION>
    <OPTION value="&lt;input type=&quot;button&quot; value=&quot;Mettez ici le texte de votre bouton&quot; name=&quot;button&quot;&gt;">Bouton</OPTION>
    <OPTION value="&lt;input type=&quot;checkbox&quot; name=&quot;checkbox1&quot;&gt;">Case
    à cocher</OPTION>
    <OPTION value="&lt;input type=&quot;checkbox&quot; name=&quot;checkbox1&quot; checked&gt;">Case
    à cocher déjà cochée</OPTION>
    <OPTION value="&lt;select name=&quot;select&quot;&gt;&lt;option&gt;Votre option 1&lt;/option&gt;&lt;option&gt;Votre option 2&lt;/option&gt;&lt;option&gt;Votre option 3&lt;/option&gt;&lt;option&gt;Et ainsi de suite&lt;/option&gt;&lt;/select&gt;">Zone
    déroulante</OPTION>
    <OPTION value="&lt;select size=&quot;2&quot;&gt;&lt;option&gt;Votre option 1&lt;/option&gt;&lt;option&gt;Votre option 2&lt;/option&gt;&lt;option&gt;Votre option 3&lt;/option&gt;&lt;option&gt;Et ainsi de suite&lt;/option&gt;&lt;/select&gt;">Liste</OPTION>
    <OPTION value="Votre texte ici">Texte</OPTION>
    <OPTION value="&lt;br&gt;">Saut de ligne</OPTION>
    <OPTION value="&lt;b&gt;Votre texte en gras ici&lt;/b&gt;">Texte en gras</OPTION>
    <OPTION value="&lt;i&gt;Votre texte en italique ici&lt;/i&gt;">Texte en
    italique</OPTION>
    <OPTION value="&lt;u&gt;Votre texte souligné ici&lt;/u&gt;">Texte souligné</OPTION>
    <OPTION value="&lt;input type=&quot;submit&quot; name=&quot;submit1&quot; value=&quot;Envoyer&quot;&gt;">Bouton
    envoyer</OPTION>
    <OPTION value="&lt;img src=&quot;URL/de/votre/image.gif&quot;&gt;">Image</OPTION>
    <OPTION value="&lt;input type=&quot;file&quot; name=&quot;file&quot;&gt;">Bouton
    Parcourir...</OPTION>
    <OPTION value="&lt;input type=&quot;reset&quot; value=&quot;Tout effacer&quot; name=&quot;reset&quot;&gt;">Bouton
    reset du formulaire</OPTION>
    <OPTION value="<input type=&quot;button&quot; name=&quot;print&quot; value=&quot;Votre texte pour le bouton&quot; onclick=&quot;window.print()&quot;>">Bouton
    imprimer</OPTION>
    <OPTION value="&lt;input type=&quot;button&quot; name=&quot;button&quot; disabled value=&quot;Votre texte pour le bouton&quot;&gt;">Bouton
    désactivé</OPTION>
    <OPTION value="&lt;input type=&quot;button&quot; value=&quot;Votre texte pour votre bouton&quot; onclick=&quot;opener=self; self.close()&quot;&gt;">Bouton
    fermer</OPTION>
    <OPTION value="&lt;input type=&quot;button&quot; name=&quot;button&quot; value=&quot;Mettez ici le texte de votre bouton&quot; onclick=&quot;location.href='http://Mettez ici le lien sans enlever les guillemets!!'&quot;&gt;">Lien
    par bouton</OPTION>
    <OPTION value="&lt;input type=&quot;button&quot; style=&quot;background-color: red&quot; value=&quot;Votre texte pour le bouton&quot; name=&quot;redbutton&quot;&gt;">Bouton
    rouge</OPTION>
    <OPTION value="&lt;input type=&quot;button&quot; style=&quot;background-color: orange&quot; value=&quot;Votre texte pour le bouton&quot; name=&quot;orangebutton&quot;&gt;">Bouton
    orange</OPTION>
    <OPTION value="&lt;input type=&quot;button&quot; style=&quot;background-color: blue&quot; value=&quot;Votre texte pour le bouton&quot; name=&quot;bluebutton&quot;&gt;">Bouton
    bleu</OPTION>
    <OPTION value="&lt;input type=&quot;button&quot; style=&quot;background-color: green&quot; value=&quot;Votre texte pour le bouton&quot; name=&quot;greenbutton&quot;&gt;">Bouton
    vert</OPTION>
    <OPTION value="&lt;a href=&quot;http://Votre lien&quot; style=&quot;cursor:help&quot;&gt;Votre texte pour le lien&lt;/a&gt;">Lien
    d'aide</OPTION>
    <OPTION value="&lt;a href=&quot;http://Votre lien&quot; onmouseover=&quot;window.status='Votre définition sans enlever les apostrophes'&quot; onmouseout=&quot;window.status=''&quot;&gt;Votre texte pour le lien&lt;/a&gt;">Lien
    avec définition (barre de statut)</OPTION>
    <OPTION value="&lt;a href=&quot;http://Votre lien&quot; title=&quot;Votre définition&quot;&gt;Votre texte pour le lien&lt;/a&gt;">Lien
    avec définition (infobulle)</OPTION>
    <OPTION value="&lt;UL&gt;&lt;LI&gt;Votre texte 1&lt;/LI&gt;&lt;LI&gt;Votre texte 2&lt;/LI&gt;&lt;LI&gt;Votre texte 3&lt;/LI&gt;&lt;LI&gt;Et ainsi de suite&lt;/LI&gt;&lt;/UL&gt;">Liste
    à puces</OPTION>
    <OPTION value="&lt;p align=&quot;center&quot;&gt;Votre texte ici&lt;/p&gt;">Texte
    centré</OPTION>
    <OPTION value="&lt;font style=&quot;color: green&quot;&gt;Votre texte en vert&lt;/font&gt;">Texte
    en vert</OPTION>
    <OPTION value="&lt;font style=&quot;color: blue&quot;&gt;Votre texte en bleu&lt;/font&gt;">Texte
    en bleu</OPTION>
    <OPTION value="&lt;font style=&quot;color: red&quot;&gt;Votre texte en rouge&lt;/font&gt;">Texte
    en rouge</OPTION>
    <OPTION value="&lt;hr&gt;">Ligne horizontale</OPTION>
    <OPTION value="&lt;a href=&quot;mailto:adresse@email&quot;&gt;Texte pour le lien&lt;/a&gt;">Envoi
    d'un courrier électronique</OPTION>
    <OPTION value="&lt;font style=&quot;font-size:14pt&quot;&gt;Votre texte en gros&lt;/font&gt;">Texte
    en gros (1)</OPTION>
    <OPTION value="&lt;font style=&quot;font-size:18pt&quot;&gt;Votre texte en gros&lt;/font&gt;">Texte
    en gros (2)</OPTION>
    <OPTION value="&lt;font style=&quot;font-size:24pt&quot;&gt;Votre texte en gros&lt;/font&gt;">Texte
    en gros (3)</OPTION>
    <OPTION value="&lt;font style=&quot;font-size:36pt&quot;&gt;Votre texte en gros&lt;/font&gt;">Texte
    vraiment très gros !</OPTION>
    <OPTION value="&lt;script language=&quot;javascript&quot;&gt;alert(&quot;Remplacez ce texte par votre message d'avertissement. N'enlevez pas les guillemets!&quot;)&lt;/script&gt;">Message
    d'avertissement au chargement de la page</OPTION>
    <OPTION value="&lt;script language=&quot;javascript&quot;&gt;function avertissement(){alert(&quot;Remplacez ce texte par votre message d'avertissement. N'enlevez pas les guillemets!&quot;)}&lt;/script&gt;&lt;input type=&quot;button&quot; name=&quot;button&quot; value=&quot;Votre texte pour le bouton&quot; onclick=&quot;avertissement()&quot;&gt;">Message
    d'avertissement par bouton</OPTION>
    <OPTION value="&lt;script language=&quot;javascript&quot;&gt;function avertissement(){alert(&quot;Remplacez ce texte par votre message d'avertissement. N'enlevez pas les guillemets!&quot;)}&lt;/script&gt;&lt;input type=&quot;checkbox&quot; name=&quot;checkbox&quot; value=&quot;&quot; onclick=&quot;avertissement()&quot;&gt;">Message
    d'avertissement par case à cocher</OPTION>
    <OPTION value="&lt;script language=&quot;javascript&quot;&gt;var rep = prompt('Veuillez entrer votre nom.',''); if(rep==null) { alert(&quot;Désolé, vous n'avez pas entré votre prénom.&quot;); prompt('Veuillez entrer votre nom.',''); } else { alert(&quot;Bonjour &quot;+rep+&quot;&quot;) }&lt;/script&gt;">Invite
    demandant le prénom</OPTION>
    <OPTION value="&lt;script language=&quot;javascript&quot;&gt;prompt('Remplacez ce texte par la demande sans enlever les apostrophes','Remplacez ce texte par la valeur par défaut sans enlever les apostrophes')&lt;/script&gt;">Invite
    au chargement de la page</OPTION>
    <OPTION value="&lt;script language=&quot;javascript&quot;&gt;function promptButton() { prompt('Remplacez ce texte par la demande sans enlever les apostrophes','Remplacez ceci par la valeur de par défaut sans enlever les apostrophes') } &lt;/script&gt; &lt;input type=&quot;button&quot; name=&quot;button&quot; onclick=&quot;promptButton()&quot; value=&quot;Votre texte pour le bouton&quot;&gt;">Invite
    par bouton</OPTION>
    <OPTION value="&lt;script language=&quot;javascript&quot;&gt;function avertilien(){ alert(&quot;Votre texte pour l'avertissement. N'enlevez pas les guillemets!&quot;); location.href=&quot;http://Votre lien&quot;}&lt;/script&gt;&lt;font style=&quot;cursor:hand; color:blue&quot; onclick=&quot;avertilien()&quot;&gt;&lt;U&gt;Votre texte pour le lien&lt;/U&gt;&lt;/font&gt;">Bouton
    + avertissement + lien</OPTION>
    <OPTION value="&lt;input type=&quot;button&quot; name=&quot;reload&quot; onclick=location.reload() value=&quot;Actualiser&quot;&gt;">Bouton
    &quot;Actualiser&quot;</OPTION>
    <OPTION value="&lt;input type=&quot;button&quot; name=&quot;reload&quot; onclick=history.back() value=&quot;Précédente&quot;&gt;">Bouton
    &quot;Précédente&quot;</OPTION>
    <OPTION value="&lt;input type=&quot;button&quot; name=&quot;reload&quot; onclick=history.forward() value=&quot;Suivante&quot;&gt;">Bouton
    &quot;Suivante&quot;</OPTION>
    <OPTION value="<script language=&quot;javascript&quot;>function questionlien() { if(confirm(&quot;Votre texte pour la question. N'enlevez pas les guillemets!&quot;)) { location.href=&quot;http://Votre lien&quot; } else { } } </script> <a href=&quot;#&quot; onclick=&quot;questionlien()&quot;>Votre texte pour le lien</a>">Lien
    + question (si oui, aller à la page ; si non, ne pas y aller) + lien</OPTION>
    <OPTION value="&lt;script language=&quot;javascript&quot;&gt;if(confirm(&quot;Voulez-vous vraiment ouvrir cette page ?&quot;)) { } else { opener=self; self.close() }&lt;/script&gt;">Avertissement
    demandant si l'on veut vraiment ouvrir la page</OPTION>
    <OPTION value="&lt;a href=&quot;http://Mettez ici le lien sans enlever les guillemets.&quot;&gt;Mettez ici le texte pour le lien&lt;/a&gt;">Lien
    hypertexte</OPTION>
    <OPTION value="&lt;!-- Votre commentaire --&gt;">Commentaire</OPTION>
    <OPTION value="&lt;body bgcolor=&quot;green&quot;&gt;">Fond de la page
    (vert)</OPTION>
    <OPTION value="<body bgcolor=&quot;blue&quot;><style type=&quot;text/css&quot;>A { color:red}</style>">Fond
    de la page (bleu)</OPTION>
    <OPTION value="&lt;body bgcolor=&quot;red&quot;&gt;">Fond de la page (rouge)</OPTION>
    <OPTION value="&lt;style type=&quot;text/css&quot;&gt;BODY { background-color: #ECE9D8; font-family: Tahoma; font-size: 8pt}&lt;/style&gt;">Style
    Windows XP</OPTION>
    <OPTION value="&lt;style type=&quot;text/css&quot;&gt;BODY { scrollbar-arrow-color: green } &lt;/style&gt;">Couleur
    de la flèche scrollbars (vert)</OPTION>
    <OPTION value="&lt;style type=&quot;text/css&quot;&gt;BODY { scrollbar-arrow-color: blue } &lt;/style&gt;">Couleur
    de la flèche scrollbars (bleu)</OPTION>
    <OPTION value="&lt;style type=&quot;text/css&quot;&gt;BODY { scrollbar-arrow-color: orange } &lt;/style&gt;">Couleur
    de la flèche scrollbars (orange)</OPTION>
    <OPTION value="&lt;style type=&quot;text/css&quot;&gt;BODY { scrollbar-arrow-color: red } &lt;/style&gt;">Couleur
    de la flèche scrollbars (rouge)</OPTION>
    <OPTION value="&lt;style type=&quot;text/css&quot;&gt;BODY { scrollbar-face-color: green } &lt;/style&gt;">Couleur
    scrollbars (vert)</OPTION>
    <OPTION value="&lt;style type=&quot;text/css&quot;&gt;BODY { scrollbar-face-color: blue } &lt;/style&gt;">Couleur
    scrollbars (bleu)</OPTION>
    <OPTION value="&lt;style type=&quot;text/css&quot;&gt;BODY { scrollbar-face-color: orange } &lt;/style&gt;">Couleur
    scrollbars (orange)</OPTION>
    <OPTION value="&lt;style type=&quot;text/css&quot;&gt;BODY { scrollbar-face-color: red } &lt;/style&gt;">Couleur
    scrollbars (rouge)</OPTION>
    <OPTION value="&lt;style type=&quot;text/css&quot;&gt;BODY { font-family: Arial }&lt;/style&gt;">Police
    de la page (Arial)</OPTION>
    <OPTION value="&lt;style type=&quot;text/css&quot;&gt;BODY { font-family: Comic Sans MS }&lt;/style&gt;">Police
    de la page (Comic Sans MS)</OPTION>
    <OPTION value="&lt;style type=&quot;text/css&quot;&gt;BODY { font-family: Times new roman }&lt;/style&gt;">Police
    de la page (Times New Roman)</OPTION>
    <OPTION value="&lt;bgsound src=&quot;C:/URL/De/Votre/Fichier/Son.wav&quot;&gt;">Son</OPTION>
  </SELECT>      &nbsp;<BR>
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  Nombre d'objet(s) insérés : <INPUT type="text" name="numbr" size="20" value="0" disabled style="font-weight: bold; border-style: solid; border-color: #FFFFFF"><BR>  
  <P align="center"><INPUT type="button" value="Insérer" name="insert" default onclick="addTXT()"></P>
  <P align="left">Code :<BR>
  <TEXTAREA rows="9" name="code" cols="134">
</TEXTAREA></P>
  <P align="center">&nbsp;</P>
  <P align="center"><INPUT type="button" value="Aperçu (attention : trop d'objets peuvent entraîner une erreur !)" name="preview" onclick="location.href='about:<font style=\'font-family: Tahoma; font-size: 18pt\'><b>Votre</b> site Web</font><hr>'+document.frm.code.value+'<br><br><input type=button value=Revenir onclick=\'history.back();history.forward()\'>'">
  <BR>
  <INPUT type="button" value="Effacer tout le code" name="res" onclick="resettxt()">
  <BR>
  <BR>
  <BR>
  </P>
  
</FORM>

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 :

De Digimag - le 21-01-2005

Moi ça marche pas du tout (IE6 + Win98SE). Même si je sélectionne un seul élément ou si je n'en seléctionne pas. Et je vois aucune utilité dans ce script. Voici la page d'erreur affichée:

Action annulée
Internet Explorer ne peut pas ouvrir la page Web requise. La page n'est peut-être pas disponible temporairement.
[...]

De tithouan - le 22-01-2005

salut, petit hic je trouve ...
le code se met à chaque fois à la fin ... comme je ne suis pas progremmeur en js ... pourrais tu me donner le code à modifier ou rajouter :pour pouvoir selectionner l'endroit dans le code ou l'on souhaite inserer un autre parametre pour sa page web
sinon très sympa comme script :o)

De oolnet - le 05-02-2005

Super boulot GA, Je m'en servirai.
MERCI, Olivier

De raphx - le 06-02-2005

Salut,
euh... non,
vraiment pas top. Désolé pour ma franchise mais bon.

premierement, ce serait tout de meme mieu que tout ce qui fait partie des class CSS se rajoute dans un seul textarea destiné pour et que les js (si il y en a) se mettent un autre textarea, etc... (un champs text pour la balise body)

enfin voilà, sans aucune utilité sinon avoir comme resulta un code pourri du genre:
<style>bliblibli</style><style>blobloblo</style><body><style>blablabla</style></body><script>le_script</script>
<style>bliblibli</style>

enfin le truc avec bien trop d'erreur quoi ;-)

de plus le bouton qui previent bien que cela genere des erreurs ;-)

désolé sinon c'est pas mal si le gens veulent faire les commande une par une.
Mais alors c'est VRAIMENT sans intere !!!

@ plus et encore désolé :-)

Raph.

De korbat - le 20-03-2005

Moi non plus ça ne fonctionne pas:

La page ne peut être affichée (blabla)

pourtant j'ai IE6 WindowsXP ...

De alex55 - le 28-12-2005

Ha non efectivement ca déconne complet ! Dommage ca pourrai être pas mal du tout...

>> Poster une annotation sur ce script

6 visiteurs
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

Wedoo
La plus connue des top-lists.
http://fr.wedoo.com

Cat : Cercles de sites
Voir l'annuaire webmaster

LES SCRIPTS :

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

LES MEMBRES :

54273 membres
9604 comptes CountUs
1404 comptes myCircle

LES FORUMS :

14 forums
39051 topics
188228 messages
>> Les forums

SONDAGE

La mini-astuce "Graphisme / Présentation" du jour par sadike
N'hésitez pas à utiliser le XHTML plutôt que le HTML. Ce language permet d'alléger vos pages.

N'oubliez surtout pas de vérifier votre code au W3C: http://validator.w3.org/
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi