2009-12-23 9 views
0

J'ai récemment découvert sur oEmbed qui est "un fomat pour permettre une représentation embarquée d'une URL" fondamentalement vous entrez l'URL d'une vidéo youtube que vous aimez et oEmbed renverra le code intégré de la vidéo dans cette page.Identifier le code incorporé dans la zone de texte en utilisant jQuery

Je souhaite donner à mes utilisateurs la possibilité d'entrer un code d'URL ou d'intégration dans une zone de texte. Si le code est incorporé, il doit laisser le texte tel quel, mais s'il s'agit d'une URL, il doit recevoir le code d'intégration de oEmbed.

Mon problème est le suivant: comment identifier si l'utilisateur colle un code d'intégration ou une URL?


$(document).ready(function() { 
    $('#embedCode').bind('paste', function(e) { 
     // time out until the value has been pased to the textbox 
     setTimeout(function() { 
      var code = $('#embedCode').val(); 
      var tagCount = 0; 

      // Identify embedded code here 

      if(tagCount == 0) { 
       alert('LINK'); 
      } 
      else { 
       alert('EMBED'); 
      } 
     }, 100);  

    }); 

}); 

Je pensais ajouter une méthode pour compter le nombre de balises valides tels que l'objet et ai eu, mais param pas de chance d'essayer de le faire.

Des idées?

Merci

+0

Il serait utile que vous posté un exemple de code oEmbed, ne peut pas la peine de regarder que pour tout cela. –

Répondre

1
//Using a youtube video page as an example: 

if($('#embedForm input').val().toLowerCase().indexOf('<object') > -1) 
{ 
    //input value has an OBJECT tag 
} 
+0

Cela a bien fonctionné, je viens d'utiliser l'ID de la zone de texte au lieu de $ ('# embedForm input') Merci – Onema