Appel de fonction javascript
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:
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:
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)
