2010-11-30 12 views
1

Im un newbie à jquery. je vraiment besoin d'aide pour mettre jquery dans mon codeUtilisez jquery pour ajouter une vidéo en streaming à partir d'une page php contenant essentiellement des balises d'objet. quand on clique sur différents liens pour les vidéos

j'ai des liens dire link1 lien2 link3

j'ai aussi une balise div <div class="vid"></div> QUI EST LE CAS OU LES VIDEOS OBTENUS SERONT JOINTES.

J'ai une page php qui va chercher une vidéo STREAMING avec une étiquette <object> DE NOMBREUX 4 CAMÉRAS IP

ce que je suis en train de faire est quand je clique sur le lien [i] avec href="page?ip="ipadd, je veux la vidéo jquery pour récupérer la page qui appelle la vidéo et l'ajouter à la balise div.

Je pensais être en mesure d'envoyer une requête get avec l'adresse IP (qui est le href sur les liens) à la page php traitant la vidéo, de sorte qu'il peut utiliser l'adresse IP pour choisir la bonne vidéo de la vidéo correcte (IM les diffusant à partir d'une caméra IP.) C'est pourquoi je veux utiliser jquery pour charger chaque vidéo que le lien est cliqué. Mais je n'ai vraiment aucune idée de comment cela fonctionne.


Ok Gaby j'ai ajouté une ligne vérifier ma page échantillon maintenant j'ajouté le

$('a.video-link').click(function(event){ 
event.preventDefault(); ....} 

ma page devient

<html> 
<head> 
<script type="text/javascript" src="jsfile.js"></script> 


</head> 
<body> 

<a href="akin3.html" class="video-link" >link 1</a> 
... 

<div class="vid" > 
</div> 
<script> 
$(document).ready(function(){ 
$('a.video-link').click(function(event){ 
event.preventDefault(); 
    // get the contents of the clicked Url and then append them at the div with class vid 
    $.get(this.href, 
     function(data){ 
       $('.vid').append(data); 
     } 
     ); 
    return false; 
}); 
}); 
</script> 
</body> 
</html> 

mais quand je clique sur le lien, il ajoute. Si j'essaie de cliquer sur un lien que j'ai cliqué précédemment, il efface la balise div et saute sur le lien que je clique la deuxième fois. J'en ai besoin pour ajouter ce lien encore (pouvoir ajouter un lien plusieurs fois). de l'aide??

Répondre

1

ajouter une classe à vos liens par exemple video-link

<a href=".." class="video-link">link 1</a> 
<a href=".." class="video-link">link 2</a> 

et utiliser

$('a.video-link').click(function(){ 
    // load and put the contents of the url in the div with class vid 
    $('div.vid').load(this.href); 
    return false; 
}); 

référence: la méthode .load()

La solution ci-dessus remplacer le contenu du vid div.


Si vous voulez ajouter à la fin (garder le contenu actuel) puis utiliser

$('a.video-link').click(function(){ 
    // get the contents of the clicked Url and then append them at the div with class vid 
    $.get(this.href, 
     function(data){ 
       $('div.vid').append(data); 
     } 
     ); 
    return false; 
}); 

référence: la méthode .get()

+1

+1 - mais s'il fait signifie * append * puis il devra utiliser '$ .get' et appeler' .append'. – karim79

+1

@Karim, à droite .. raté cette partie. mettra à jour la réponse. –

+0

Merci Gabby. Le deuxième exemple est un peu comme ça. Cependant, Il saute à l'adresse de lien quand je clique dessus.Je pensais aussi être en mesure d'envoyer un get l'adresse IP (qui est le href sur les liens) à la page php traitant de la vidéo, de sorte qu'il peut utiliser l'adresse IP pour choisir la bonne vidéo de la vidéo correcte (IM ACTUELLEMENT LES TRANSMETTRE À PARTIR D'UNE CAMÉRA IP.) C'est pourquoi je veux utiliser jquery pour charger chaque vidéo lorsque l'on clique sur le lien. Merci l'homme – 2me