Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

webbie

editar elemento h1

Por , em Javascript

Recommended Posts

webbie    0

webbie
Postado

tenho esse código:

 

<script type="text/javascript">

window.onload = function(){

function editTitle(){

var title = document.getElementsByTagName('h1')[0];

var span = title.firstChild;

 

span.onmouseover = function(){

this.title = '';

this.style.background = '';

}

span.onmouseout = function(){

this.title = '';

this.style.background = '';

}

span.ondblclick = function(){

var textoAtual = this.firstChild.nodeValue;

var pass = '<input type="password" value="'+textoAtual+'">';

var input = '<input type="text" value="'+textoAtual+'">';

 

 

 

this.innerHTML = input;

var field = this.firstChild;

this.onclick = null;

this.onmouseover = null;

field.focus();

field.select();

field.onblur = function(){

this.parentNode.innerHTML = this.value;

editTitle();

}

}

}

editTitle();

}

</script>

<body>

<h1><span >teste</span></h1>

</body>

o problema é que se você tiver mais do que um elemento h1 só consegue editar o que está primeiro!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bruno Caxito    0

Bruno Caxito
Postado 

var title = document.getElementsByTagName('h1')[0];

Bom os elementos da página sao ordenados com numeros comessando do zero, ou seja o primeiro elemento H1 é o 0 (zero) o segundo é o 1 e assim por diante.

Come pode ver na linha acima que foi tirada do seu script a função vai editar apenas o primeiro H1 (('h1')[0];)

 

Esta linha pega apenas o primeiro H1 de todo o documento para editar, se quiser que edite todos vai precisar usar um loop e fazer varias mudanças no codigo.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito