Appel de fonction javascript

**toki500** · 25/04/2009, 02h16

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 :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 <!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:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 <!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)

**kaen25** · 26/04/2009, 11h42

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 <!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) {
	        $('#video').youtube({
                  type: 'search',
                  keyword: query
           });
        }
 
    </script>
</head>
<body>
    <a href="#" onclick="javascript: YTube('blabla');">view</a>
    <div id="video"></div>
</body>
</html>

Ca devrait être mieux ^^

$('#video') => c'est l'endroit ou le plugin youtube doit mettre la reponse ( # = id comme en CSS) dans le cas donné ca sera le div avec comme id video.

**toki500** · 26/04/2009, 13h55

merci :o)

Appel de fonction javascript

jQuery

Vue hybride

Discussions similaires

Partager

Partager