Función JS con JS dentro

insano14 · #1 (**permalink**) 27/07/2011, 17:28

Buenas lo que quiero es meter dentro de una función en JS el siguiente código:

<link href='http://dl.dropbox.com/u/XXXXXXX/XXXXXXXXX/shadowbox.css' rel='stylesheet' type='text/css'/>

<script src='http://dl.dropbox.com/u/XXXXXXXX/XXXXXXXX/shadowbox.js' type='text/javascript'/>

<script type='text/javascript'>
Shadowbox.init({
overlayColor:"
#000",
overlayOpacity: "
0.6",});
</script>
__________________________________________________ _______________

Es decir algo así:

<script type='text/javascript'>

function mifuncion(){

<link href='http://dl.dropbox.com/u/XXXXXXX/XXXXXXXXX/shadowbox.css' rel='stylesheet' type='text/css'/>

<script src='http://dl.dropbox.com/u/XXXXXXXX/XXXXXXXX/shadowbox.js' type='text/javascript'/>

<script type='text/javascript'>
Shadowbox.init({
overlayColor:"
#000",
overlayOpacity: "
0.6",});
</script>

}
</script>

No se me ocurre ninguna manera de hacerlo, si la hay... Si alguien supiera se lo agradecería mucho.

Saludos y gracias de antemano!!!

insano14 · #2 (**permalink**) 28/07/2011, 17:13

Buenas de nuevo, les agradecería que me comentaran algo sobre la pregunta que realice... No se si es posible de hacer.... Y me corre algo de prisa..

Saludos

andresdzphp · #3 (**permalink**) 28/07/2011, 19:00

Cita:

Iniciado por insano14

Buenas de nuevo, les agradecería que me comentaran algo sobre la pregunta que realice... No se si es posible de hacer.... Y me corre algo de prisa..

Saludos

Intenta explicar mejor que es lo que quieres, para que los demás te puedan ayudar. No entiendo con que fin quieres agregar ese código a una función.

kumal87 · #4 (**permalink**) 29/07/2011, 04:52

Parece ser que no tienes las cosas muy claras en cuanto a Javascript se refiere. Te comento brevemente la estructura, que has propuesto.

Las dos siguientes lineas de codigo no son codigo Javascript por lo que no pueden ir dentro del script. De hecho es codigo HTML, y donde tiene que ir es entre las etiquetas del <head>

<link href='http://dl.dropbox.com/u/XXXXXXX/XXXXXXXXX/shadowbox.css' rel='stylesheet' type='text/css'/>

<script src='http://dl.dropbox.com/u/XXXXXXXX/XXXXXXXX/shadowbox.js' type='text/javascript'/>

Todo lo que vaya entre estas dos etiquetas "<script type='text/javascript'> </script>" tiene que ser codijo JS, y con una vey que lo definas es suficente. Lo que hacen estas etiquetas es decirle al navegador que dentro de ellas va a haber codigo Javascript. Y no otra cosa.

Por lo que la estructura seria algo asi:

<html>
<head>

<link href='http://dl.dropbox.com/u/XXXXXXX/XXXXXXXXX/shadowbox.css' rel='stylesheet' type='text/css'/>

<script src='http://dl.dropbox.com/u/XXXXXXXX/XXXXXXXX/shadowbox.js' type='text/javascript'/>

<script type='text/javascript'>

function mifuncion(){

Shadowbox.init({ overlayColor:"
#000",
overlayOpacity: "
0.6",});

}
</script>

</head>
<body>

</body>
</html>

Normalmente los script se incluyen en el header de la pagina, aunque tambien se pueden ubicar en otros lugares. Simplemente es por organizacion y claridad. Y tener las cosas definidas antes de usarlas.

Saludos y suerte con eso

insano14 · #5 (**permalink**) 30/07/2011, 10:29

Buenas de nuevo.

Lo que yo quiero conseguir con esto es que todo el código, incluido el html que carga los scripts :
<link href='http://dl.dropbox.com/u/XXXXXXX/XXXXXXXXX/shadowbox.css' rel='stylesheet' type='text/css'/>
<script src='http://dl.dropbox.com/u/XXXXXXXX/XXXXXXXX/shadowbox.js' type='text/javascript'/> se encuentren dentro de la función ya que los cargo sólo en página específicas y como son de hostings diferentes no quiero que me lo cargue siempre que cargo una nueva página, sino solamente cuando llamo a la función.

Ya que al trabajar con Blogger todo esta separado por páginas y si lo pongo en el head siempre lo cargaría, la idea es de almacenarlo en una fucnión y llamar solo cuando sea necesario.

Intenté incluir el código html en la funcion como document.write(); pero no me funciona o no se muy bien como utilizarlo...

Ya que sabeis más o menos lo que quiero hacer, haber si pudierais ayudarme...

Saludos y gracias por vuestras respuestas!!

insano14 · #6 (**permalink**) 03/08/2011, 06:14

Gente a nadie se le ocurre nada para lo que quiero??

insano14 · #7 (**permalink**) 03/08/2011, 17:18

Buenas.

Lo que yo quiero conseguir con esto es que todo el código, incluido el html que carga los scripts :
<link href='http://dl.dropbox.com/u/XXXXXXX/XXXXXXXXX/shadowbox.css' rel='stylesheet' type='text/css'/>
<script src='http://dl.dropbox.com/u/XXXXXXXX/XXXXXXXX/shadowbox.js' type='text/javascript'/>
se encuentren dentro de la función ya que los cargo sólo en página específicas y como son de hostings diferentes no quiero que me lo cargue siempre que cargo una nueva página, sino solamente cuando llamo a la función.

Ya que al trabajar con Blogger todo esta separado por páginas y si lo pongo en el head siempre lo cargaría, la idea es de almacenarlo en una fucnión y llamar solo cuando sea necesario.

Intenté incluir el código html en la funcion como document.write(); pero no me funciona o no se muy bien como utilizarlo...

Ya que sabeis más o menos lo que quiero hacer, haber si pudieras ayudarme...

Un saludo y gracias por tu respuesta.

ceSharp · #8 (**permalink**) 04/08/2011, 00:39

hola insano14,

no sé si trabajas con PHP, Java o qué, pero tal vez este ejemplo te pueda servir, lo que pasa es que es de punto.net, que es con lo que yo trabajo:

Código HTML:

Ver original<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    
  <%  Dim x As String = Request.QueryString("valor")
        
      If x = "1" Then%>    
 
        <link href='http://dl.dropbox.com/u/XXXXXXX/XXXXXXXXX/shadowbox.css' rel='stylesheet' type='text/css'/>
        <script src='http://dl.dropbox.com/u/XXXXXXXX/XXXXXXXX/shadowbox.js' type='text/javascript'/> 
 
  <%End If%>
 
</head>
<body >
.....

en este ejemplo, por querystring paso un valor a la página, y en función de ese valor cargará las etiquetas <link> y <script>
yo de PHP ni papa, y de java muy poco, pero supongo que habrá alguna manera de inserta código de servidor dentro del html (lo tiene .net no lo van a tener los demás, jejejeje)

bueno, espero que te sirva

saludos.

insano14 · #9 (**permalink**) 04/08/2011, 03:08

Muy buenas trabajo en JavaScript y Html principalmente. Ya que lo que quiero realizar es dentro de un blog de blogger y el problema es ese que dentro de un JS no se pueden meter etiquetas del tipo link y demas.....

Tu respuesta es buena y es lo que quiero hacer pero con JS (si es posible) o si hay otra alternativa para utilizar en blogger....

Saludos y muchas gracias!!

ceSharp · #10 (**permalink**) 04/08/2011, 04:42

he descubierto una manera que puede que te valga, solo usando javascript! :)

veamos,
los atributos que realmente necesitas tocar son SRC para tus etiquetas <script> y el atributo HREF para tus etiquetas <link>
la idea consiste en que todas tus páginas metas las etiquetas <script> y <link> pero con dos modificaciones:
1) en tus etiquetas <script> no le metas el atributo SRC y le asignas un identificador
2) en tus etiquetas <link> no le metas el atributo HREF y le asingnas un identificador

Código HTML:

Ver original<script type="text/javascript" id="el_script" ></script>
    <link rel="stylesheet" id="el_style" type="text/css" />

deberías de crear una función que coja estos ID y le asigne el atributo, apuntando a donde tú quieras:

Código Javascript:

Ver original//la llamada sería así desde la página donde quieras que apunte a esas rutas
asignarRutas(document.getElementById('el_script'),document.getElementById('el_style'));
 
 
//y en tu .js la función que activa las rutas
function asignarRutas(script,estilo)
{
    script.src="http://dl.dropbox.com/u/XXXXXXXX/XXXXXXXX/shadowbox.js";
    estilo.href="http://dl.dropbox.com/u/XXXXXXX/XXXXXXXXX/shadowbox.css";
}

de esta manera si ejecutas la función, dicha página apuntara a ese script y a ese estilo, y si no lo necesitas se quedarán dos etiquetas 'huerfanas' pero que no te van a afectar en nada.

espero que lo hayas entendido y, por supuesto, que te funcione!!

nos cuentas...

saludos.

insano14 · #11 (**permalink**) 04/08/2011, 16:19

En cuanto lo pruebe te comento. Aunque tiene pienta de que sí va a funcionar!!

Muchas gracias!!

goteen_mx · #12 (**permalink**) 04/08/2011, 16:27

Para que necesitas meter un script dentro de otro, en la pagina principal pon los 2, y puedes acceder a las funciones o clases de ambos scripts,

Saludos.