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>
