Clicky

Jump to content


Icon-note-left Icon-note-right Tal vez te interese... El foro "Novedades e información"
Photo

[Pregunta] Agregar javascript a mi web


Este tema está archivado. Esto significa que no se puede responder en este tema.
3 respuestas a este tema

#1 alias3glw

alias3glw

    Advanced Member

  • Iterbio
  • 726 mensajes

Publicado 18 agosto 2012 - 02:15

Hola tengo una pregunta sobre el java script
Tengo este código

<!-- Using TipTip jQuery plugin for the tooltips -->
<link href="{$tsConfig.tema.t_url}/tiptip.css" rel="stylesheet" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="{$tsConfig.js}/jquery.tiptip.js" type="text/javascript"></script>
{literal}<script type="text/jscript">
    $(document).ready(function() {
	    // Launch TipTip tooltip
	    $('.tiptip a.button, .tiptip button').tipTip();
    });
</script>{/literal}
{literal}<script type="text/jscript">
    $(document).ready(function() {
	    // Toggle the dropdown menu's
	    $(".dropdown .button, .dropdown button").click(function () {
		    $(this).parent().find('.dropdown-slider').slideToggle('fast');
		    $(this).find('span.toggle').toggleClass('active');
		    return false;
	    });
    }); // END document.ready
   
    // Close open dropdown slider/s by clicking elsewhwere on page
    $(document).bind('click', function (e) {
	    if (e.target.id != $('.dropdown').attr('class')) {
		    $('.dropdown-slider').slideUp();
		    $('span.toggle').removeClass('active');
	    }
    }); // END document.bind
</script>{/literal}

Está medio adaptado para phpost
Mi pregunta es si es que está bien poner eso del {Literal}

y que en el <script type="Text/jscript"> esta correcto, por que la verdad me vino solo con el tag <script> pero no me funcionaba, y aún no me funciona todavía


¿Que puedo hacer?

#2 molina2011sv

molina2011sv

    Advanced Member

  • Baneado
  • 468 mensajes

Publicado 18 agosto 2012 - 03:08

cuanto tu adaptas en un tpl java script y ejecutas el tpl en determinado lugar ahi te dice que hay un error en tal linea justo en esa linea usas
{literal} y en la siguiente linea lo cierras {/literal} podria ser este ejemplo


<script type="text/jscript">
{literal}
$(document).ready(function() {
{/literal}


Editado por molina2011sv, 18 agosto 2012 - 03:09.


#3 Altffenser

Altffenser

    Élite

  • Granate
  • 1403 mensajes

Publicado 18 agosto 2012 - 03:29

Mira brother.. Todo ese código se puede decir que ya esté adaptado a los "TPL" de este script. Todo eso se pone en main_header.tpl

Abre ese archivo y busca:
</head>

y arriba coloca esto:
</script>{/literal}
{literal}<script type="text/jscript">
	    $(document).ready(function() {
			    // Toggle the dropdown menu's
			    $(".dropdown .button, .dropdown button").click(function () {
					    $(this).parent().find('.dropdown-slider').slideToggle('fast');
					    $(this).find('span.toggle').toggleClass('active');
					    return false;
			    });
	    }); // END document.ready
  
	    // Close open dropdown slider/s by clicking elsewhwere on page
	    $(document).bind('click', function (e) {
			    if (e.target.id != $('.dropdown').attr('class')) {
					    $('.dropdown-slider').slideUp();
					    $('span.toggle').removeClass('active');
			    }
	    }); // END document.bind
</script>{/literal}

Después busca:
<script src="{$tsConfig.js}/funciones.js" type="text/javascript"></script>

Y debajo agrega:
<script src="{$tsConfig.js}/jquery.tiptip.js" type="text/javascript"></script>

Busca:
<link href="{$tsConfig.tema.t_url}/estilo.css" rel="stylesheet" type="text/css" />

y debajo agrega:
<link href="{$tsConfig.tema.t_url}/tiptip.css" rel="stylesheet" type="text/css" media="screen" />

y con eso debe servir, te lo puse así para que sea un poco ordenado,

PARA EL ARCHIVO CSS

después de agregar todo eso deverás subir el tiptip.css donde están los demas archivos CSS en generál osea en /themes/default/tiptip.css

PARA EL ARCHIVO JS (JAVA)

Sólo sube el archivo a themes/default/js/jquery.tiptip.js y debe servir :)

Espero y te haya ayudado amigo, suerte :D (errores reportalos aquí) :)

#4 alias3glw

alias3glw

    Advanced Member

  • Iterbio
  • 726 mensajes

Publicado 18 agosto 2012 - 19:43

Mira brother.. Todo ese código se puede decir que ya esté adaptado a los "TPL" de este script. Todo eso se pone en main_header.tpl

Abre ese archivo y busca:

</head>

y arriba coloca esto:
</script>{/literal}
{literal}<script type="text/jscript">
	 $(document).ready(function() {
			 // Toggle the dropdown menu's
			 $(".dropdown .button, .dropdown button").click(function () {
					 $(this).parent().find('.dropdown-slider').slideToggle('fast');
					 $(this).find('span.toggle').toggleClass('active');
					 return false;
			 });
	 }); // END document.ready

	 // Close open dropdown slider/s by clicking elsewhwere on page
	 $(document).bind('click', function (e) {
			 if (e.target.id != $('.dropdown').attr('class')) {
					 $('.dropdown-slider').slideUp();
					 $('span.toggle').removeClass('active');
			 }
	 }); // END document.bind
</script>{/literal}

Después busca:
<script src="{$tsConfig.js}/funciones.js" type="text/javascript"></script>

Y debajo agrega:
<script src="{$tsConfig.js}/jquery.tiptip.js" type="text/javascript"></script>

Busca:
<link href="{$tsConfig.tema.t_url}/estilo.css" rel="stylesheet" type="text/css" />

y debajo agrega:
<link href="{$tsConfig.tema.t_url}/tiptip.css" rel="stylesheet" type="text/css" media="screen" />

y con eso debe servir, te lo puse así para que sea un poco ordenado,

PARA EL ARCHIVO CSS

después de agregar todo eso deverás subir el tiptip.css donde están los demas archivos CSS en generál osea en /themes/default/tiptip.css

PARA EL ARCHIVO JS (JAVA)

Sólo sube el archivo a themes/default/js/jquery.tiptip.js y debe servir :)

Espero y te haya ayudado amigo, suerte :D (errores reportalos aquí) :)


Gracias Bró, Ahi te va un +1 ..... :D