Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje02-03-2014, 01:06 (UTC)    
Título del mensaje: Problema con DIV MOSTRAR OCULTAR

Hola, mi problema es que me pasarón un codigo que funciona bien cuando esitas en htlm, pero cuando se pone en normal se añade más codigo y deja de funcionar ¿puede ser que me falte poner algo en el head o es otra cosa?

PARA MOSTRAR OCULTAR UNA IMAGEN Y QUE SE VEA SOLO EN CODIGO HTLM DE LA IMAGEN
-------------------------------
<div class="divspoiler"><a href="javascript:void(0);" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}"><font size="3" style="font-size: 12pt; ">[+/-] Ver / Ocultar</a></div><div><div class="spoiler" style="display: none;">
<textarea rows="4" cols="50">
<a href="http://grupodeseandolo.es.tl/" target="_blank"><img src="http
://img.webme.com/pic/g/grupodeseandolo/deseandolo.png" width=
"150" height="40" align="top" alt="30" /></a>
</textarea>
</div>
DESPUES CUANDO SE VUELVE A NORMAL SE PONE ASI SIN HABERLO TOCADO
---------------------------------------------------------
<div class="divspoiler"><a href="javascript:void(0);" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}"><font size="3" style="font-size: 12pt; ">[+/-] Ver / Ocultar</font></a></div>
<div>
<div class="spoiler" style="display: none;"><font size="3" style="font-size: 12pt; "> <textarea rows="4" cols="50">&lt;a href=&quot;http://grupodeseandolo.es.tl/&quot; _fcksavedurl=&quot;http://grupodeseandolo.es.tl/&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http ://img.webme.com/pic/g/grupodeseandolo/deseandolo.png&quot; width= &quot;150&quot; height=&quot;40&quot; align=&quot;top&quot; alt=&quot;30&quot; /&gt;&lt;/a&gt; </textarea> </font></div>
<font size="3" style="font-size: 12pt; ">

El que me paso el codigo me dijo que siempre hay que editar en htlm, pero cada vez que entras de nuevo el el editor entras en modo normal y ya el codigo ha cambiado ¿alguien tiene una idea de que puede pasar? Gracias.
Mensaje02-03-2014, 09:06 (UTC)    
Título del mensaje: Re: Problema con DIV MOSTRAR OCULTAR

hola, en principio fui yo quien preparó este codigo, no lo haces mal, osea los codigos estan bien, y tras ponerlo funcionan...

el problema radica que no casa bien el editor html con los codigos, y no solo con estos, he probado muchas cajas de texto, e incluso probé crear uno usando css, pero tras poner <a href="http..."> sale un "_fcksavedurl"....
asi que creo que el fallo esta en el mismo editor no compatible 100% con todos los codigos, lo avisaré a soporte.

la solucion temporal tendrá que ser que guardes en un block de notas el codigo original html y cada vez que edites tendras que volver a pegarlo...

seguiré investigando a ver si encuentro un codigo valido.
______________

10 años ayudando a la comunidad!!
>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com
Mensaje03-03-2014, 10:10 (UTC)    
Título del mensaje: Re: Problema con DIV MOSTRAR OCULTAR

encontré una solucion, el problema está con <textarea> que arruina el codigo al reeditar, asi que prescindiré de eso...
tambien para hacerlo mas comodo, busque un spoiler, este es mas complejo instalarlo, pero una vez puesto, será mas facil trabajarlo en las paginas. (siempre a ser posible hay que evitar poner codigos de css y javas en las paginas).
1º: ve a editar diseño opciones avanzadas:
- TEXTO SOBRE LA PAGINA :
Código:
<link href="http://area-electronica.com/PWG/spoiler.css" rel="stylesheet" type="text/css" />

si quieres editarlo, simplemente abrelo como pagina web, y resubelo a tu servidor, en cuyo caso avisamelo para borrarlo... :D

- TEXTO POR DEBAJO DE LA PAGINA:
Cita:
<!-- Spoiler -->
<script type='text/javascript'>
//<![CDATA[
var all = document.getElementsByTagName('div'), j=1;
for(i=0; i<all.length; i++)
if(all[i].className == 'spoiler') {
all[i].innerHTML = '<div class="spoiler_cabecera">'+all[i].title+' <a href="#" onclick="if(parentNode.parentNode.getElementsByTagName("div")[1].style.display=="block"){parentNode.parentNode.getElementsByTagName("div")[1].style.display="none";this.innerHTML="Mostrar contenido";}else{parentNode.parentNode.getElementsByTagName("div")[1].style.display="block";this.innerHTML="Ocultar contenido";} return false;">Mostrar contenido</a><a class="warn"></a></div><div class="spoiler_contenido" style="display: none;">'+all[i].innerHTML+'</div>';
all[i].removeAttribute('title');
j++;
}
//]]>
</script>
<!-- fin Spoiler -->

lo verde es el texto que interactua con el spoiler, si quieres puedes cambiarlo.
- guarda y ahora ve a la pagina a editar.

EN LA PAGINA: (controlar paginas)
Cita:
<div class="spoiler" title="[-/+]"><table width="200" border="0">
<tr>
<td>&lt;a href="http://grupodeseandolo.es.tl/" target="_blank">&lt;img src="http://img.webme.com/pic/g/grupodeseandolo/deseandolo.png" width="150" height="40" align="top" /></td></tr></table></div>

el truco/engaño, consiste en poner &lt; en lugar del "<" tanto en <a como en <img... asi el editor html no lo interpreta..

Si quieres poner mas, seria:
Código:
<div class="spoiler" title="[-/+]"><table width="200" border="0">
        <tr>
            <td>AQUI EN CODIGO</td></tr></table></div>

como veras, lo encerré en una tabla, para que sea mas comodo encontrarlo y editar el tamaño del spolier desde aqui sin tocar el html, tambien puedes darle borde, o darle color de fondo con bgcolor="#" para gustos los colores :D
lo estube probando y esta vez ya no se me arruina... espero que hayas entendido la guia, si no, pregunta las dudas, que para eso estamos , suerte.
______________

10 años ayudando a la comunidad!!
>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com
Mensaje03-03-2014, 17:51 (UTC)    
Título del mensaje: Porblema con DIV Mostrar Ocultar

Muchas gracias por tu atención, probe la nueva forma de implementar el DIV y tal vez no lo termino de hacer bien y tampoco me funciona, doy por hecho que algo no lo hago bien, entonces me quedo con la primera solución que me parece mejor copiando el htlm en un block de notas, además que es una página que no se edita a menudo, no veo ningun problema haciendolo así, muchas gracias por las molestias, pues la verdad es que te lo has currado bastante, Gracias
Mensaje03-03-2014, 18:16 (UTC)    
Título del mensaje:

Hola,

Yo nunca use el editor para editar códigos en modo html, lo que podrias hacer es usar otro editor y haces el trabajo desde ese editor, luego lo pegas en html de tu página.

Editor html.
http://htmledit.squarefree.com/

Editor comun.
http://www.quackit.com/html/online-html-editor/

Saludos.
______________
Mensaje11-03-2014, 00:50 (UTC)    
Título del mensaje: DIV MOSTRAR OCULTAR

Muchas gracias por el aporte, es genial sobre todo el primero, pues puedes ver el resultado al momento Fenomenal
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group