[es] - Span to Input to Span replace

sojic
Dalibor Sojic
Makedonija

Član broj: 7051
Poruke: 796
80.77.156.*

Sajt: right-sock.net

+1 Profil

^{21.09.2008. u 21:29 - pre 189 meseci}

Trebam napraviti neki formular, ali hocu da to ne bude klasicni formular sa input boxova, vec da bude text. Kad se klikne "u polje" da se zameni sa input box-a, a kad se "defokusira" da se vrati u span.

Nasao sam takvu skriptu, ali jednosmarna. Span pretvara u Input, ali meni treba "dodatak" koji ce, kad se promeni input, i "onblur" da se vrati span.

Evo skripte

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Span to Text Box - Demo - DOM</title>
<script type="text/javascript">
/* © John Davenport Scheuer */
function exchange(el){
var nodeI=el.parentNode, inputC=document.createElement('input'), text=el.innerHTML;
el.style.font='.9em "ms sans serif", "sans"'
el.innerHTML+='\x20'
with (inputC){
setAttribute('value', text, 0)
setAttribute('size', text.length-1, 0)
style.width=document.all&&!window.opera? el.offsetWidth-2+'px' : el.offsetWidth+2+'px'
setAttribute('type', 'text', 0)
setAttribute('id', el.id, 0)
setAttribute('readonly', true, 0)
}
nodeI.replaceChild(inputC, el)
}
</script>
</head>
<body>
House 
SpantoTextBox-Demo 
Span to Text Box - Demo exchange(this) 
<input id="itm4" type="text" value="Existing Text Box"> 
In Line Test
In Line Test Too
In Line Test Also
</body>
</html>

routing protocols enable routers to route routed protocols!

Odgovor na temu

sojic
Dalibor Sojic
Makedonija

Član broj: 7051
Poruke: 796
80.77.156.*

Sajt: right-sock.net

+1 Profil

Re: Span to Input to Span replace

^{21.09.2008. u 23:15 - pre 189 meseci}

Nasao sam. Evo "demo"-a http://www.dalibor-sojic.info/formulari/baranje-za-gradba.htm

routing protocols enable routers to route routed protocols!

Odgovor na temu