<html> <head> </head> <body> <HTML> <head> <style> .normal {color: black} .editing {color: red} </style> <script> function toggleEdit() { var etatZone = !editableText.isContentEditable editableText.contentEditable = etatZone editableText.className = (etatZone) ? "editing" : "normal" editBtn.innerText = ((etatZone) ? "Desactiver" : "Activer") +" l'édition" editBtn.textContent=((etatZone) ? "Desactiver" : "Activer") +" l'édition" } </script> </head> <body> <H1>Modification des contenus</H1> <HR> <DIV ID="editableText">Le texte à modifier en cliquez sur le bouton ci-dessous</DIV> <P><BUTTON ID="editBtn" onClick="toggleEdit()" onFocus="this.blur()"> Cliquez ici pour éditer le texte </BUTTON></P> </body> </HTML> </body> </html> |
A Voir sur le même Sujet
-
Javascript-DOM: Modifier un document
{filelink=77} document.onclick=changeDoc; function changeDoc( ) { // Suppression des éléments var hdr = document.getElementById(“myHeadee”); var div = document.getElementById(“div1”); div.removeChild(hdr); // Remplacer l’image par texte var …
-
Javascript: Fonction pour effacer les cookies
{filelink=66} /* Pour supprimer un cookie, éliminer sa valeur et modifier sa date à une date antérieure */ function effacerCookie (key) { var cookieDate = …
-
Javascript-DOM: Remplacer un nœud
{filelink=78} /* Remplacer le nœud passé en paramètre par un nouveau nœud et utiliser le nœud original comme fils de nouveau nœud */ function nodeReplace(node) …
-
Javascript-DOM: Lire et modifier les propriétés d’une image
{filelink=73} function updateImage( ) { var img = document.images[0]; // Obtenir les attributs de l’image var imgAttr = img.align + ” ” + img.alt + …
-
Javascript: Modifier la taille de la ligne horizontale
{filelink=3399} function function1() { document.getElementById(“bHR”).size = “20”; }
-
Javascript: Modifier le style d’un élément div
{filelink=855} function changeElement( ) { // Accéder à l’élément div du document var div = document.getElementById(“myDiv”); // Modifier les propriétés div.style.backgroundColor=”#f00″; div.style.width=”500px”; div.style.color=”#ffffff”; div.style.height=”250px”; div.style.paddingLeft=”50px”; …
-
Javascript-DOM: Inverser l’ordre des nœuds
{filelink=79} // Rever se the order of the children of Node n function reverse(n) { // Créer une copie du document temporairement var f = …
-
Utiliser la méthode ‘set’ pour modifier les éléments de ‘ArrayList’
{filelink=4834} import java.util.ArrayList; public class ArrayL_Modif { public static void main(String[] argv) { ArrayList ma_Liste = new ArrayList(); // Les éléments initials de ArrayList ma_Liste.add(“Janvier”); …
-
Javascript: Utiliser une fonction comme paramètre d’une autre fonction
{filelink=33} function myFonction(x,y,z) { alert(z(x,y)); } // Le troisième paramètre est une fonction myFonction(6,2,function(x,y) { return x * y});
-
Javascript: Modifier la taille des bordures d’une table
{filelink=3578} function changeBorder(){ document.getElementById(‘myTable’).border=”20″ } 1 2 3 4
-
Javascript: Modifier l’attribut ‘target’ d’un lien
{filelink=3341} document.getElementById(“testAnchor”).target = “_blank”; Site Programmation
-
Javascript: Modifier l’attribut ‘target’ d’un lien
{filelink=3341} document.getElementById(“testAnchor”).target = “_blank”; Site Programmation
-
Javascript-animation: Modifier le délai d’affichage successif du texte
{filelink=3542} function marqueeTest(){ document.all.myMarquee.scrolldelay = 20; } Bienvenu sur mon site
-
Javascript: Méthodes de création, modification, et affichage des dates
{filelink=50} // Créer un date var today = new Date( ); // Modification des dates today.setDate(31); // Modifier le jour today.setMonth(03); // Modifier le mois …
-
Javascript: Modifier l’heure de temps universel
{filelink=4037} Exemple: setUTCHours
Cet article Javascript: Utiliser l’attribut contenteditable pour modifier le contenu d’un élément est apparu en premier sur .