Bonjour,
Le bas de la page suivante montre un exemple (très simple) d'application Ajax effectuant une requête sur l'API de Youtube et renvoyant une liste de miniatures :
http://bijon.rightbrainsolution.com/youtube/
Le code de l'exemple :
<!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>jQuery Youtube plugin</title> <script src="jquery-1.2.1.pack.js" type="text/javascript"></script> <script src="jquery.youtube.js" type="text/javascript"></script> <script src="jquery.blockUI.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $('#video').youtube({ type: 'search', keyword: 'fun' }); }); </script></head><body> <div id="video"></div></body></html> Comment appeler la fonction qui lance la recherche (youtube de tube.js) depuis un liens qui serait mis sur la même page ?
Ici cette fonction est appelée grâce à la balise div. Je ne connais que trop peu javascript, et les '$' et références aux balises ne me disent rien.
L'idée serait quelque chose de ce genre:
<!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>jQuery Youtube plugin</title> <script src="jquery-1.2.1.pack.js" type="text/javascript"></script> <script src="tube.js" type="text/javascript"></script> <script src="jquery.blockUI.js" type="text/javascript"></script> <script type="text/javascript"> function YTube(query) { youtube({ type: 'search', keyword: query }); } </script></head><body> <a href="#" onclick="javascript: YTube('blabla');">view</a></body></html>Mais (forcément !) ça ne fonctionne pas.
Merci d'avance à toute proposition ;o)