Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

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

Soporte de MODs para phpBB 3.0.x
Dudas sobre AutoMOD aquí por favor.
  Reglas del Foro
Cerrado
cfeze
Asiduo/a
Mensajes: 126
Registrado: 02 Ago 2010, 18:10

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

#1

Mensaje 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!
Última edición por cfeze el 15 Mar 2011, 02:49, editado 1 vez en total.
URL: http://www.clandyt.com
Versión phpBB: phpBB3 (3.0.9)
MODs Instalados: Advanced BBCode Box 3, Country Flags User Edition, MSSTI QuickReply, phpBB3 Portal
Plantilla(s) usada(s): Attiriuum
Servidor: byethost.com (premium)
Actualización desde otra versión:
Conversión desde otro sistema de foros:
Arriba
Avatar de Usuario
Alorse
Ex Staff
Mensajes: 5144
Registrado: 22 Mar 2008, 02:14
Género:
Edad: 37

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

#2

Mensaje 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.
Arriba
Avatar de Usuario
leviatan21
Ex Staff
Mensajes: 8279
Registrado: 26 Mar 2008, 20:06
Género:
Edad: 55

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

#3

Mensaje 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 ;)
Normas de phpBB España | Normas de Soporte
No doy soporte por privado : tenga en cuenta que su problema, también puede ser el problema de otro usuario.
Cualquier mensaje privado no solicitado será ignorado :twisted:

"Education is what remains after one has forgotten everything he learned in school" - Albert Einstein
Arriba
cfeze
Asiduo/a
Mensajes: 126
Registrado: 02 Ago 2010, 18:10

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

#4

Mensaje 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á
URL: http://www.clandyt.com
Versión phpBB: phpBB3 (3.0.9)
MODs Instalados: Advanced BBCode Box 3, Country Flags User Edition, MSSTI QuickReply, phpBB3 Portal
Plantilla(s) usada(s): Attiriuum
Servidor: byethost.com (premium)
Actualización desde otra versión:
Conversión desde otro sistema de foros:
Arriba
Avatar de Usuario
nextgen
Ex Staff
Mensajes: 1727
Registrado: 25 Jul 2009, 03:16
Género:
Edad: 41

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

#5

Mensaje por nextgen »

Muevo el tema a la sección adecuada.

メルビン・ガルシア • nextgen Solutions • DDAnime • XenForo Hispano

Arriba
Cerrado

Volver a “Soporte de MODs”