| 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 |
#2 · Zasláno: 13. 7. 2015, 19:06:26
Použiješ window.open ( Otevření nového okna) a prakticky do něho přepíšeš řádek 37.
|
||
| Michales Profil |
#3 · Zasláno: 13. 7. 2015, 19:11:49
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> |
||
| Keeehi Profil |
#5 · Zasláno: 14. 7. 2015, 09:24:08
<td><button id="search-button" onclick="keyWordsearch(\''.$song['Title'].'-'.$song['Artist'].'\')">Search</button></td> function makeRequest(q) { |
||
| Michales Profil |
#6 · Zasláno: 14. 7. 2015, 13:23:21 · Upravil/a: Michales
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
}
});
});
});
} |
||
|
Časová prodleva: 9 let
|
|||
0