[jQuery] pligin Qtip Jquery + PHP? Help
Good morning everyone.
I made a page with PHP, the problem is that I want to integrate a
Jquery plugin called QTIP and does not execute any command QTIP.
If I remove the PHP code runs the page great, but when
integro the <? php?> QTIP not run anything. my page
this saved with PHP, I leave the code here.
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>
<script type = "text / javascript" src = "http://ajax.googleapis.com/
ajax/
libs/swfobject/2.1/swfobject.js "> </ script>
class="example" <script 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 video = $ (this). attr ( 'href'). match (/ watch \? v =(.+)
+/);
VideoID = videos [1];
/ / Create content using url as base
$ (this). QTIP (
(
/ / Create DIV content 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 ...
single: true / / ... and hide all others when its shown
),
hide: 'unfocused', / / Hide when inactive it ...
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-' + video);
/ / Embed the youtube video using SWFObject script
swfobject.embedSWF ( 'http://www.youtube.com/v/' +
video
+ '& enablejsapi = 1 & playerapiid = youtube-api-' + video
'youtube-embed-' + videos, '425 ',
'264 ', '8', Null, null, params, attrs);
),
onHide: function () (
/ / Pause the vide when hidden
playerapiid this.elements.content.find var = ( '#
youtube -
video '+ video). get (0);
if (playerapiid & & 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>