Component
Editor
View
hello
.text{ color:red; } .prenom{ margin-top:-2px; width:100px; border:1px;border-color:red;border-style:solid; float:left; } * { font-size : 12px; } .labelTree { font-weight : bold; } .tabgroup{ /*width:350px; height:350px;*/ } .tab *{ color:red; } .tabOnover { border-top:1px solid #1e90ff; cursor:pointer; color:green; } .tabgroupContainer { border-width:2px; border-style:outset; /* border-color:gray;*/ border-color : #c8ddf2; background:white; height:450px; width:350px; overflow:auto; } .tab { border-top:1px solid #ffe9e9;/*transparent*/; cursor:pointer; } *.menu2 *,*.menu2OnOver *{ color:black; font-weight:bold; } *.menu2 ,*.menu2OnOver { cursor:pointer;/*pour IE*/ padding:2px; border:0px; border-bottom:1px; border-style:solid; border-color:gray; } *.menu2 { background:#eee9e9; } *.menu2OnOver { background:#CAE1FF; } *.itemList ,*.itemListSelected ,*.itemListOnOver { padding-left:5px; padding-right:5px; } *.itemList { display:block; } *.list { overflow:auto; height:150px; border:1px; border-style:outset; padding:0; background:white; } *.itemList{ background:white;/*#eee9e9;*/ } *.itemListSelected { color:white;cursor:pointer; background:#9FB6CD; } *.itemListOnOver { cursor:pointer; background:#CAE1FF; } .grid{ margin-left:5px; margin-top:5px; background-color:#f7f7f7; } .grid .title{ height:20px; border-right:1px solid #9c9a9c; border-bottom:1px solid ButtonShadow; padding-bottom:1px; background-color:rgb(200,200,200); color:black; cursor:pointer; border:1px solid #1e90ff; padding-left:2px; } .grid .column { margin:50px; } .grid .cell { padding:10px; background:#eee9e9; border:1px solid #1e90ff; } .grid .item { font-size:10px; border:1px solid black; background-color:#ffffff; } .frame { position : absolute; border : 1px #1e90ff solid; overflow : auto; background-color:white; } .titleBar { padding-top : px; background : url("../../jsria/images/bow/bkg2.gif"); height:17px; font-weight : bold; color:black; display:block; padding-right : 5px; padding-left : 5px; }
View
Time
Execution des templates :
ms
Transformation Xml/Html :
ms
Total :
ms
JsRia
link
rezrzrt
alert("mouseover");
alert("mouseover2");
alert("onmouseout");
alert("onclick");
bbbbbbb
example1 :
example2 :
toto1
a
toto2
b
toto3
a
toto4
b
toto5
b
titi1
a
titi2
b
titi3
a
titi4
b
titi5
b
var data = DragAndDropUtil.getComponentOnDrag(); var liste = getById("liste"); var newLine = new JsText(); newLine.setText(data.getText()); liste.add(newLine);
3
A
1
B
4
C
1
D
5
E