phpBB España Oficial

phpBB España Oficial, Soporte Internacional Oficial del sistema de foros phpBB en Español, extensiones, estilos, traducciones, guías, tutoriales, videos, redes sociales, webmaster.
https://www.phpbb-es.com/foro/

jquery en un bloque del portal. cómo hago?

https://www.phpbb-es.com/foro/viewtopic.php?t=31113

Página 1 de 1

jquery en un bloque del portal. cómo hago?

Publicado: 15 Mar 2011, 02:48
por cfeze
Hola gente, quiero utilizar jquery en un bloque del portal. Específicamente el evento ocultar/mostrar.
Acá encontré un ejemplo: http://theodin.co.uk/tools/tutorials/jq ... index.html pero no puedo hacerlo funcionar... ya puse el jquery.js en la carpeta block y nada...

Ok...

Aquí tengo mi bloque (deje comentarios en el code para puedan ver que es lo que quiero)




Código: Seleccionar todo

<!-- $Id: members.html,v 1.1 2008/02/09 08:18:16 angelside Exp $ //-->
<div class="forabg">
	<div class="inner">
		<span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header"><dl><dt>Members</dt></dl></li>
		</ul>
		<ul class="topiclist forums">
			<li><dl>
				<dd class="posts_portal">
					<strong>Staff</strong>
				<ul>
			  <li></li>
                
              <li><img src="images/flags/ar.png"><strong> DyT_Rodrigus_</strong></li>
              <li><img src="images/flags/ar.png"><strong> DyT_KoRn</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_FeniX_</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_Usleis</strong></li>
			    </ul>
                <hr />
                 
                               <strong>Testers</strong> */ acá poner una imagen para el evento click 
<------------- de acá ------------->         
                                <ul>
                             <li></li>      
               <li><img src="images/flags/ar.png"><strong> DyT_Rodrigus_</strong></li>
               <li><img src="images/flags/ar.png"><strong> DyT_XtreM_</strong></li>
               <li><img src="images/flags/mx.png"><strong> DyT_FeniX_</strong></li>
               <li><img src="images/flags/mx.png"><strong> DyT_Bull3t</strong></li>
               <li><img src="images/flags/mx.png"><strong> DyT_Mindzito</strong></li>
               <li><img src="images/flags/mx.png"><strong> DyT_Usleis</strong></li>
                                            </ul>
<--------- hasta acá, la función mostrar y ocultar -----------> 
                <hr />				                     
                                 <strong>Trials</strong>
				<ul>
                             <li></li>                                                                   
               <li><img src="images/flags/uy.png"><strong> DyT_Diversity_</strong></li>
               <li><img src="images/flags/mx.png"><strong>  DyT_Shiiryu</strong></li>
               <li><img src="images/flags/mx.png"><strong> DyT_Day</strong></li>
               <li><img src="images/flags/co.png"><strong> DyT_Striker</strong></li>
              <li><img src="images/flags/it.png"><strong> DyT_Mikami</strong></li>
                        		</ul>
				</dd>
			       </dl></li>
		</ul>
		<span class="corners-bottom"><span></span></span>
      </div>
</div>

<br style="clear:both" />

Espero su ayuda, gracias!

Re: jquery en un bloque del portal. cómo hago?

Publicado: 15 Mar 2011, 03:53
por Alorse
Muchas veces al tener mas funciones javascript en el overall_header.html o en archivos donde estamos usando las funciones de JQuery causa incompatibilidades y no funcionan correctamente.
Prueba eliminando los códigos javascript que tangas en el header haber si puede ser a causa de eso.
No olvides luego rehacer los cambios.

Re: jquery en un bloque del portal. cómo hago?

Publicado: 15 Mar 2011, 04:00
por leviatan21
De todas maneras sin ver como modificó sus archivos o viendo esos archivos no hay muchas maneras de ayudar a encontrar el problema ;)

Re: jquery en un bloque del portal. cómo hago?

Publicado: 15 Mar 2011, 08:58
por cfeze

Código: Seleccionar todo

<!-- $Id: members.html,v 1.1 2008/02/09 08:18:16 angelside Exp $ //-->
<script type="text/javascript" src="jquery.js"></script> 
<script> 

	$(function(){

		$('.bloque').hide();

			$('#show').toggle(function(){

					$('.bloque').slideDown("slow"); 

					$(this).attr("src","images/cancel.png" );

			},function(){

				$('.bloque').slideUp("slow"); 

				$(this).attr("src", "images/add.png" );

			});

	});

	

 

</script> 

<div class="forabg">
	<div class="inner">
		<span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header"><dl><dt>Members</dt></dl></li>
		</ul>
		<ul class="topiclist forums">
			<li><dl>
				<dd class="posts_portal">
				<strong>Miembros</strong>
				<ul>
			  <li></li>
			  
		      <li><img src="images/flags/ar.png"><strong> DyT_SatirO__<img id="show" src="images/add.png"/> 
</strong></li>
              <div id="bloque">
		      <li><img src="images/flags/ar.png"><strong> DyT_BaTToUsAi_</strong></li>
		      <li><img src="images/flags/ar.png"><strong> DyT_Ignatius_</strong></li>
			  </div>
		      <li><img src="images/flags/ar.png"><strong> DyT_RazieL</strong></li>
		      <li><img src="images/flags/ar.png"><strong> DyT_Gato</strong></li>
		      <li><img src="images/flags/ar.png"><strong> DyT_XtreM_</strong></li>
		      <li><img src="images/flags/ar.png"><strong> DyT_LaGorda_</strong></li>
                        <li><img src="images/flags/ar.png"><strong> DyT_0dise0</strong></li>
                        <li><img src="images/flags/ar.png"><strong> DyT_ROMPE</strong></li>
                        <li><img src="images/flags/mx.png"><strong> DyT_Bull3t</strong></li>
		      <li><img src="images/flags/mx.png"><strong> DyT_ZerO</strong></li>
		      <li><img src="images/flags/mx.png"><strong> DyT_ClarK_</strong></li>
		      <li><img src="images/flags/mx.png"><strong> DyT_Br3ndA</strong></li>
		      <li><img src="images/flags/mx.png"><strong> DyT_LastWinter</strong></li>
		      <li><img src="images/flags/mx.png"><strong> DyT_Azul_zero</strong></li>
		      <li><img src="images/flags/mx.png"><strong> DyT_VAQUERO</strong></li>
		      <li><img src="images/flags/mx.png"><strong> DyT_D4ntE</strong></li>	  
		      <li><img src="images/flags/mx.png"><strong> DyT_RooK_TT</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_FOKO_89</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_SaD_GuY</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_KaiBa_</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_Mindzito</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_Geovanna</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_Toro</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_F1Re</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_ArGoN_</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_JEZUS_</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_InMoRtAl</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_Iam_r4y</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_Rabiit</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_zon</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_M4nG0ck_</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_Lobo</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_CloOud_</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_CyborG</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_Forgiven</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_MeiLing</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_Lan_</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_BrandiN_</strong></li> 
              <li><img src="images/flags/mx.png"><strong> DyT_SensorAg</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_Pepe</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_Noobstyle</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_AnarKo_</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_Arkantos</strong></li> 
              <li><img src="images/flags/mx.png"><strong> DyT_Makerel</strong></li>  
              <li><img src="images/flags/mx.png"><strong> DyT_AKILES_</strong></li>
               <li><img src="images/flags/mx.png"><strong> DyT_Xanadu</strong></li>
               <li><img src="images/flags/mx.png"><strong> DyT_KyuT</strong></li>
               <li><img src="images/flags/mx.png"><strong> DyT_Breakdown</strong></li>
              <li><img src="images/flags/cl.png"><strong> DyT_FiPe_</strong></li>
              <li><img src="images/flags/cl.png"><strong> DyT_Assembly</strong></li>
              <li><img src="images/flags/cl.png"><strong> DyT_TheSmaNeS</strong></li>
              <li><img src="images/flags/cl.png"><strong> DyT_Gabito</strong></li>
              <li><img src="images/flags/cl.png"><strong> DyT_cyclops__</strong></li>
              <li><img src="images/flags/pe.png"><strong> DyT_AioriA_</strong></li>	
              <li><img src="images/flags/pa.png"><strong> DyT_Baby</strong></li>
              <li><img src="images/flags/ve.png"><strong> DyT_JuaNiTo_</strong></li>	  
              <li><img src="images/flags/ve.png"><strong> DyT_FREYA</strong></li>
              <li><img src="images/flags/ve.png"><strong> DyT_GirL__</strong></li>
              <li><img src="images/flags/co.png"><strong> DyT_LecKo__</strong></li>
              <li><img src="images/flags/co.png"><strong> DyT_YoVeN_</strong></li>
              <li><img src="images/flags/co.png"><strong> DyT_CuCAa_</strong></li>
              <li><img src="images/flags/co.png"><strong> DyT_Xi0n</strong></li>
              <li><img src="images/flags/co.png"><strong> DyT_Esguerra_</strong></li>
              <li><img src="images/flags/co.png"><strong> DyT_PillowBoy</strong></a> 
              <li><img src="images/flags/co.png"><strong> DyT_Nakahito</strong></a> 
              <li><img src="images/flags/br.png"><strong> DyT_K4bum</strong></li>
              <li><img src="images/flags/gt.png"><strong> DyT_Russell</strong></li>  
				</ul>
                <hr />
				<strong>Staff</strong>
				<ul>
			  <li></li>
                
              <li><img src="images/flags/ar.png"><strong> DyT_Rodrigus_</strong></li>
              <li><img src="images/flags/ar.png"><strong> DyT_KoRn</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_FeniX_</strong></li>
              <li><img src="images/flags/mx.png"><strong> DyT_Usleis</strong></li>
			    </ul>
                <hr />
                               <strong>Testers</strong>
                                <ul>
                             <li></li>
                
               <li><img src="images/flags/ar.png"><strong> DyT_Rodrigus_</strong></li>
               <li><img src="images/flags/ar.png"><strong> DyT_XtreM_</strong></li>
               <li><img src="images/flags/mx.png"><strong> DyT_FeniX_</strong></li>
               <li><img src="images/flags/mx.png"><strong> DyT_Bull3t</strong></li>
               <li><img src="images/flags/mx.png"><strong> DyT_Mindzito</strong></li>
               <li><img src="images/flags/mx.png"><strong> DyT_Usleis</strong></li>

                                            </ul>
                <hr />				
                          
                                 <strong>Trials</strong>
				<ul>
                             <li></li> 
                                                     
               
               
               <li><img src="images/flags/uy.png"><strong> DyT_Diversity_</strong></li>
               <li><img src="images/flags/mx.png"><strong>  DyT_Shiiryu</strong></li>
               <li><img src="images/flags/mx.png"><strong> DyT_Day</strong></li>
               <li><img src="images/flags/co.png"><strong> DyT_Striker</strong></li>

               <li><img src="images/flags/it.png"><strong> DyT_Mikami</strong></li>

                         		</ul>
				</dd>
			       </dl></li>
		</ul>
		<span class="corners-bottom"><span></span></span>
      </div>
</div>

<br style="clear:both" />
ahí está

Re: jquery en un bloque del portal. cómo hago?

Publicado: 15 Mar 2011, 14:56
por nextgen

Muevo el tema a la sección adecuada.

Todos los horarios son UTC+02:00
Página 1 de 1

Desarrollado por phpBB® Forum Software © phpBB Limited

Traducción al español por phpBB España