JS Ovillo: http://googlegroups.com/group/js-ovillo/subscribe
Saludos. [email protected] wrote: > Gracias por su respuesta. Aqui dejo el codigo de mi pagina php. > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " > http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > <html xmlns="http://www.w3.org/1999/xhtml";> > <head> > <title>qTip - The jQuery tooltip plugin - Demos - Dynamic YouTube > preview</title> > <!--Stylesheets--> > > <link type="text/css" rel="stylesheet" > href="../../jquery-qtip-1.0.0-rc3142732/master.css" /> > <link type="text/css" rel="stylesheet" > href="../../jquery-qtip-1.0.0-rc3142732/qtip.css" /> > <link type="text/css" rel="stylesheet" > href="../../jquery-qtip-1.0.0-rc3142732/demo.css" /> > <link type="text/css" rel="stylesheet" > href="../../jquery-qtip-1.0.0-rc3142732/highlight.css" /> > <!--Meta--> > <meta http-equiv="content-type" content="text/html; charset=utf-8" /> > <!--Header JavaScript--> > <script type="text/javascript" src="../../jquery/jquery.js"></script> > </head> > <body> > <div id="master"> > <div id="navarrow" class="center"><div class="demos"></div></div> > <div id="content" style="position:absolute; left: 6px; top: 311px;" > > <div class="center" style="height:300px"> > <h3>Click on any of the links below to get a quick preview of the > youtube video it links to!</h3> > <p class="cloud"> > <p class="cloud"> > <p class="cloud"><a class="cloud2" href=" > http://www.youtube.com/watch?v=AKdIkFzUyIk"; alt="">Male Black woodpecker</a> > <a class="cloud5" href="http://www.youtube.com/watch?v=Q1FYe263AlE"; > alt="">Tawny Owls - BBC</a> > <a class="cloud3" href="http://www.youtube.com/watch?v=zWHDoP5uwh8"; > alt="">Q-Tip - "ManWomanBoogie"</a> </div> > </div> > <?php > > include '../../talkback/head-inc.php'; ?> > > > > <script type="text/javascript" src=" > http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js";></script> > <script class="example" type="text/javascript"> > $(document).ready(function() > { > // Use each method to gain access to all youtube links > $('a[href*="youtube."]').each(function() > { > // Grab video ID from the url > var videoID = $(this).attr('href').match(/watch\?v=(.+)+/); > videoID = videoID[1]; > > // Create content using url as base > $(this).qtip( > { > // Create content DIV with unique ID for swfObject replacement > content: '<div id="youtube-embed-'+videoID+'">You need Flash player > 8+ to view this video.</div>', > position: { > corner: { > tooltip: 'bottomMiddle', // ...and position it center of the > screen > target: 'topMiddle' // ...and position it center of the > screen > } > }, > show: { > when: 'click', // Show it on click... > solo: true // ...and hide all others when its shown > }, > hide: 'unfocus', // Hide it when inactive... > style: { > width: 432, > height: 264, > padding: 0, > tip: true, > name: 'dark' > }, > api: { > onRender: function() > { > // Setup video paramters > var params = { allowScriptAccess: 'always', allowfullScreen: > 'false' }; > var attrs = { id: 'youtube-video-'+videoID }; > > // Embed the youtube video using SWFObject script > swfobject.embedSWF(' > http://www.youtube.com/v/'+videoID+'&enablejsapi=1&playerapiid=youtube-api-'+videoID > , > 'youtube-embed-'+videoID, '425', '264', > '8', null, null, params, attrs); > }, > > onHide: function(){ > // Pause the vide when hidden > var playerAPI = > this.elements.content.find('#youtube-video-'+videoID).get(0); > if(playerAPI && playerAPI.pauseVideo) playerAPI.pauseVideo(); > } > } > } > ).attr('href', '#'); > }); > }); > </script> > <script type="text/javascript" > src="../../jquery-qtip-1.0.0-rc3142732/jquery.qtip-1.0.0-rc3.js"></script> > <script type="text/javascript" > src="../../jquery-qtip-1.0.0-rc3142732/highlight.js"></script> > <script type="text/javascript" > src="../../jquery-qtip-1.0.0-rc3142732/javascript.js"></script> > <script type="text/javascript" > src="../../jquery-qtip-1.0.0-rc3142732/demo.js"></script> > > </body> > </html> > > > > Les comento también que he hecho las siguientes pruebas: > 1.- si quito las etiquetas <?php ?> , la aplicación corre de maravilla aun > siendo guadada con extensión PHP, el problema es que no puedo usar codigo > PHP, lo cual es necesario para mi. > 2.- Justo cuando agrego las etiquetas <?php ?>, las aplicaciones de Qtip, > dejan de funcionar. > > > Saludos, ojala alguien pueda Ayudarme.. > > PD: Busque la lista para JScript pero no la vi por ningun lado, me inscribi > a esta lista porque decia que podias escribir de todo en cuanto a > porgramación Web. Pero si alguien me dice cual es la lista de jscript igual > se los agradecere. > > > > > > > > > > > El 10 de septiembre de 2009 10:14, Rodrigo Álvarez Virgós < > [email protected]> escribió: > >> Hola, jfcdeutsch >> >> jQuery es javascript, y debería funcionar independientemente de que tu >> página sea html, php, asp o cualquier-cosa-pé >> >> Quizás sea una pregunta obvia, pero ¿tienes instalado un servidor Apache >> que haga correr las aplicaciones php? >> >> [email protected] escribió: >>> Hola a todos. >>> >>> Ojala alguien puedera decirme como hago para integrar plugins de jquery a >>> mis paginas hechas con php. el plugin que estoy usando es QTIP (plugin de >>> jquery, lo ocupo para darle algunas funciones especiales como ligthbox, >>> entre otras) mi pagina esta hecha con la extensión php, porque uso >>> aplicaciones con PHP. Cuando agrego el plugin, solo ejecuta las >> aplicaciones >>> php pero no las de Qtip. Lo que he hecho es cambiar la extensión a html y >>> esto hace que si ejecute los comandos de Qtip, pero no ejecuta los PHP. >>> >>> Por favor alguien que me ayude.... >>> >>> >> _______________________________________________ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a [email protected] >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> > > > _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
