Ir para conteúdo

POWERED BY:

Arquivado

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

Marciu

[Resolvido] Script para edição - Problema no IE6 para variar...

Por , em Javascript

Recommended Posts

Marciu    0

Marciu
Postado

Olá amigos. Estou com um problema em um script meu para edição no IE6. Testei no mozila e no chrome e funcionou perfeitamente. No IE6 não funfa. Alguém teria uma idéia?

 

Obrigado desde já http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Segue o código:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Editar</title>
<style>
#editImage4{
	display: none;
}

.btn{
	border-style: none;
	text-align: center;
	width: 40px;
	cursor: pointer;
	background-color: #B0C4DE;
}

</style>
<script type="text/javascript">
	//<![CDATA[
function editImage(obj, id, procedureDelete){
	if(obj.innerHTML == "Editar"){
		obj.innerHTML = "Alterar";

		var btnDelete = document.getElementById("btnDelete"+id);
		btnDelete.innerHTML = "Cancelar";

		var attClick = document.createAttribute("onclick");
		attClick.value = "editImage(this, "+id+",\'"+procedureDelete+"\');";
		btnDelete.setAttributeNode(attClick);

		document.getElementById("editImage"+id).style.display="block";
		document.getElementById("inputEditImage"+id).focus();
		document.getElementById("name"+id).style.display="none";
		return false;
	}
	if(obj.innerHTML == "Cancelar"){

		obj.innerHTML = "";
		var a = document.createElement("a");
		var href = document.createAttribute("href");
		href.value = procedureDelete;
		a.setAttributeNode(href);
		a.innerHTML = "Excluir";
		obj.appendChild(a);

		var btnEdit = document.getElementById("btnEdit"+id);
		btnEdit.innerHTML = "Editar";
		document.getElementById("editImage"+id).style.display="none";
		document.getElementById("name"+id).style.display="block";
		return false;
	}
	if(obj.innerHTML == "Alterar"){

		return false;
	}
}	//]]>
</script>
</head>
<body>


<div class="image">
	<a href="/link">
		<img alt="" src="" /></a>
	<span class="name" id="name4">Esta é linda</span>
	<form action="" id="editImage4">
		<input id="inputEditImage4" type="text" value="Esta é linda">
	</form>
	<span class="btn" id="btnEdit4" onclick="editImage(this,4,'linkdelete')">Editar</span>
	<span class="btn" id="btnDelete4"><a href="linkdelete">Excluir</a></span>
</div>


</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marciu    0

Marciu
Postado

Olá pessoal encontrei o erro:

 

É só substituir esse trecho:

 

var attClick = document.createAttribute("onclick");
attClick.value = "editImage(this, "+id+",\'"+procedureDelete+"\');";
btnDelete.setAttributeNode(attClick);

Por esse totalmente em DOM:

 

btnDelete.onclick = function(){editImage(this, id, procedureDelete)}

Até mais!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

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