»
AnglaisFran�aisVietnamien

Imprimer - JavaScript POO avec l'entr?e Display Toggle - JavaScriptBank.com

Version compl�te: jsB@nk » Form » Textarea » JavaScript POO avec l'entr?e Display Toggle
URL: https://www.javascriptbank.com/javascript-oop-with-input-display-toggle.html

JavaScript POO avec l'entr?e Display Toggle © JavaScriptBank.comL'utilisation de cet effet le code JavaScript est tout bascule (afficher/affichage), les champs de saisie de texte lorsque l'utilisateur clique sur les cases d'entr?e sp?cifi?e Mais cet exemple de code JavaScript avec des comp?tences en programmation orient?e objet, il est encore un exemple de code JavaScript pour les d?butants bonne POO JavaScript

Version compl�te: jsB@nk » Form » Textarea » JavaScript POO avec l'entr?e Display Toggle
URL: https://www.javascriptbank.com/javascript-oop-with-input-display-toggle.html



JavaScript
<script type="text/javascript">// Created by: Fang | http://www.webdeveloper.com/forum/showthread.php?p=872326#post872326// This script downloaded from www.JavaScriptBank.comfunction addElement() {var aInput=document.getElementById('myspan').getElementsByTagName('input');for(var i=0; i<aInput.length; i++) {    aInput[i].onclick=new Function('addDelete(this)');    }}function addDelete(obj) {var parentSpan=document.getElementById('myspan');if(obj.nextSibling.nodeName!='INPUT') { // add    var oInputText=document.createElement('input');    oInputText.setAttribute('type', 'text');    parentSpan.insertBefore(oInputText, obj.nextSibling);    }else { // delete    parentSpan.removeChild(obj.nextSibling);    }}// Multiple onload function created by: Simon Willison// http://simonwillison.net/2004/May/26/addLoadEvent/function addLoadEvent(func) {  var oldonload = window.onload;  if (typeof window.onload != 'function') {    window.onload = func;  } else {    window.onload = function() {      if (oldonload) {        oldonload();      }      func();    }  }}addLoadEvent(function() {  addElement();});</script>


HTML
<span id="myspan">  <input type="checkbox">  <input type="checkbox">  <input type="checkbox"></span>