21. září bude sraz! Od 18.00 v restauraci Tradice v Praze u Anděla
Autor Zpráva
Michales
Profil
Ahoj,

lze tento script upravit aby se mi otevíral v tomto okně, nebo jemu podobném?:
https://jqueryui.com/dialog/

Script:
<!doctype html>
<html>
  <head>
  <title>Search</title> 
  <meta charset="utf-8">  
  </head>
  <body>
    <div id="buttons">
    <label> <input id="query" value='Johnny cash' type="text"/><button id="search-button"   onclick="keyWordsearch()">Search</button></label>    
    <div id="container">
      <h1>Search Results</h1>
      <ul id="results"></ul>
    </div>           
    <script>
function keyWordsearch(){
        gapi.client.setApiKey('AIzaSyB7oqNYxEGnskHEpKHSCbIH_-VI4_sJkzg');
        gapi.client.load('youtube', 'v3', function() {
                makeRequest();
        });
}
    function makeRequest() {
        var q = $('#query').val();
        var request = gapi.client.youtube.search.list({
                q: q,
                part: 'snippet',
               
                maxResults: 1
        });
        request.execute(function(response)  {                                                                                    
                $('#results').empty();
                var srchItems = response.result.items;                      
                $.each(srchItems, function(index, item) {
                 
               
                vidThumburl =  item.snippet.thumbnails.default.url;  
                vidTitle = item.snippet.title;               
                vidThumbimg = '<pre><iframe id="ytplayer" type="text/html" width="640" height="390"src="http://www.youtube.com/v/'+ item.id.videoId+'" frameborder="0"/></pre>';  
                

              $('#results').append('<pre>' + vidTitle + vidThumbimg +  '</pre>');                           
        });  
    });  
}
  </script> 
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  <script src="https://apis.google.com/js/client.js?onload=googleApiClientReady">  </script>
</body>
</html>



Pokud to bude možné, pomohl by mi to někdo upravit?
Keeehi
Profil
Použiješ window.open ( Otevření nového okna) a prakticky do něho přepíšeš řádek 37.
Michales
Profil
Keeehi:
Díky, už pracuji na tom dialogovém okně.
Díky za postrčení
Michales
Profil
Ahoj po ránu.

Měl bych vyřešeno otevírání youtube v okně.

Nyní bych potřeboval jak udělat následující:
function keyWordsearch(){
        gapi.client.setApiKey('AIzaSyB7oqNYxEGnskHEpKHSCbIH_-VI4_sJkzg');
        gapi.client.load('youtube', 'v3', function() {
                makeRequest();
        });
}
    function makeRequest() {
        var q = $('#query').val();
        var request = gapi.client.youtube.search.list({
                q: q,
                part: 'snippet',

                maxResults: 1
        });
        request.execute(function(response)  {
                $('#test').empty();
                var srchItems = response.result.items;
                $.each(srchItems, function(index, item) {


                vidThumburl =  item.snippet.thumbnails.default.url;
                vidTitle = item.snippet.title;
                vidThumbimg = '<pre><iframe id="ytplayer" type="text/html" width="425" height="290"src="http://www.youtube.com/v/'+ item.id.videoId+'" frameborder="0"/></pre>';


              $('#test').append('<pre>' + vidTitle + vidThumbimg +  '</pre>');
              $("#test").dialog({                  
  title: "Lyrics",
  show: { effect: "blind", duration: 800 },
  hide: {
        effect: "explode",
        duration: 1000
      }           
});
        });
    });
}

Naplňuji ho pomocí:
<td><label> <input id="query" value="'.$song['Title'].'-'.$song['Artist'].'" type="hidden"/><button id="search-button"   onclick="keyWordsearch()">Search</button></label> </td>

Jak docílit toho aby script bral v potaz na kterou proměnnou kliknu. Nyní ať kliknu na jakýkoliv řádek v tabulce, vždy to bere proměnnou z prvního řádku.

Díky za radu


PS: Zkusil jsem zaměnit ID za class v:
<td><label> <input class="query" value="'.$song['Title'].'-'.$song['Artist'].'" type="hidden"/><button id="search-button"   onclick="keyWordsearch()">Search</button></label> </td>
protože id je vždy jedinečné ale pak to nešlo vůbec
Keeehi
Profil
<td><button id="search-button"   onclick="keyWordsearch(\''.$song['Title'].'-'.$song['Artist'].'\')">Search</button></td>

function makeRequest(q) {
A ten označený řádek úplně zrušit.
Michales
Profil
Keeehi:
Při použití tvého řešení, mi to vyhazuje úplně jiné video na každý řádek.


function makeRequest(q) {
        var request = gapi.client.youtube.search.list({
                q: q,
                part: 'snippet',
 
                maxResults: 1
        });

<td><button id="search-button"   onclick="keyWordsearch(\''.$song['Title'].'-'.$song['Artist'].'\')">Search</button></td>



Tak vyřešeno:
<td><label> <input value="'.$song['Title'].'-'.$song['Artist'].'" type="image" name="query" onclick="keyWordsearch(this)" src="img/play.png" width="20"/></label></td>

function keyWordsearch(element){
        gapi.client.setApiKey(\'AIzaSyB7oqNYxEGnskHEpKHSCbIH_-VI4_sJkzg\');
        gapi.client.load(\'youtube\', \'v3\', function() {
                makeRequest( $(element).parent().find(\'input\').val() );
        });
}
    function makeRequest(q) {
        var request = gapi.client.youtube.search.list({
                q: q,
                part: \'snippet\',

                maxResults: 1
        });


        request.execute(function(response)  {
                $(\'#test\').empty();
                var srchItems = response.result.items;
                $.each(srchItems, function(index, item) {


                vidThumburl =  item.snippet.thumbnails.default.url;
                vidTitle = item.snippet.title;
                vidThumbimg = \'<pre><iframe id="ytplayer" type="text/html" width="425" height="290"src="http://www.youtube.com/v/\'+ item.id.videoId+\'" frameborder="0"/></pre>\';


              $(\'#test\').append(\'<pre>\' + vidTitle + vidThumbimg +  \'</pre>\');
              $("#test").dialog({                  
  title: "Lyrics",
  show: { effect: "blind", duration: 800 },
  hide: {
        effect: "scale",
        duration: 1000
      }           
});
        });
    });
}

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0