Re: [Ovillo] como integro plug in jquery a mi pagina php
El código que pusiste parece más bien un demo de el plugin que estás
utilizando, y lo único de PHP que vi que tiene es un include.No se cómo ni
de qué forma estés haciendo las cosas, pero ese código que tu metiste no
generaría ningún conflicto entre php y js.
Asumiendo que sea otro el archivo php con el que necesitas ayuda te sugiero
que revistes que la etiqueta script con la que llamas al js no esté dentro
del codigo php, prueba agregarlo asi ?script type /script?php de
esa forma lo que hay ?aqui?php se ejecuta como (x)html dependiendo lo que
hayas declarado en tu doctype.
Saludos desde México.
2009/9/10 Félix Horro Pita fho...@corunet.com
JS Ovillo:
http://googlegroups.com/group/js-ovillo/subscribe
Saludos.
jfcdeut...@gmail.com 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
titleqTip - 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=centerdiv class=demos/div/div
div id=content style=position:absolute; left: 6px; top: 311px;
div class=center style=height:300px
h3Click 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=clouda 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=1playerapiid=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
[Ovillo] como integro plug in jquery a mi pagina php
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 -- Un saludo cordial. Juan Carlos Flores Montesinos Cel. 55 3742 2804 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] como integro plug in jquery a mi pagina php
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? jfcdeut...@gmail.com 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 Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] como integro plug in jquery a mi pagina php
jfcdeut...@gmail.com wrote: 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 Pues chico, habiendo una lista de Ovillo que habla de JS y otra que habla de PHP, viniste a la menos indicada! Te aconsejo ir a una de las otras dos listas y dar ejemplos de código que no te funciona. Es la mejor forma de poder ayudarte. Saludos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] como integro plug in jquery a mi pagina php
jfcdeut...@gmail.com wrote: 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 Si pusieras algo de código nos sería de gran ayuda. Para incluir la librería jQuery en cualquier página debes hacerlo usando los tags script de HTML. Observa el siguiente ejemplo: script type=text/javascript src=/js/jquery/jquery.js/script Creo que si vas a usar qTip (estoy hablando de memoria) debes incluir la librería qTip.js justo debajo de la inclusión de jQuery. Debería quedarte algo como esto: script type=text/javascript src=/js/jquery/jquery.js/script script type=text/javascript src=/js/jquery/qtip.js/script Recuerda incluir los estilos necesarios de la librería qTip. Un saludo -- Ing. Reynier Pérez Mira ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] como integro plug in jquery a mi pagina php
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
titleqTip - 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=centerdiv class=demos/div/div
div id=content style=position:absolute; left: 6px; top: 311px;
div class=center style=height:300px
h3Click 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=clouda 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=1playerapiid=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
rodri.vir...@gmail.com 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?
jfcdeut...@gmail.com
Re: [Ovillo] como integro plug in jquery a mi pagina php
JS Ovillo:
http://googlegroups.com/group/js-ovillo/subscribe
Saludos.
jfcdeut...@gmail.com 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
titleqTip - 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=centerdiv class=demos/div/div
div id=content style=position:absolute; left: 6px; top: 311px;
div class=center style=height:300px
h3Click 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=clouda 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=1playerapiid=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
rodri.vir...@gmail.com escribió:
Hola, jfcdeutsch
