Avatar
michales
Člen
Avatar
michales:

Dobrý den, lze následující script upravit tak aby se výsledek tahaný přes tento script, zobrazoval v popup okně?

function myFunction(e) {
    var dataString = 'id1=' + e.getAttribute("data-id");

    $.ajax({
        type: "POST",
        url: "lyrics.php",
        data: dataString,
        cache: false,
        success: function(data) {
            $("#test").html(data);
        }
    });
}

Děkuji za radu

Odpovědět 6.4.2015 14:12
"Cíle by měly být třešínky na dortech, ne na hromadách hoven."
Avatar
Filip Pýrek
Redaktor
Avatar
Odpovídá na michales
Filip Pýrek:

Ahoj, co takto?

function myFunction(e) {
     var dataString = 'id1=' + e.getAttribute("data-id");

     $.ajax({
         type: "POST",
         url: "lyrics.php",
         data: dataString,
         cache: false,
         success: function(data) {
             var w = window.open("", "", "width=700,height=500");
             w.document.write(data);
         }
     });
 }
Nahoru Odpovědět  +1 6.4.2015 14:23
„The best way to predict the future is to invent it.“ — Alan Kay
Avatar
michales
Člen
Avatar
Odpovídá na Filip Pýrek
michales:

Děkuji, víceméně je to ono, ale představoval bych si něco takového.

http://codepen.io/…st/pen/fLovn

Pokud to ale nepůjde budu se muset smýřit aspoň s tím co si sem dal. Děkuji moc.

Nahoru Odpovědět 6.4.2015 14:31
"Cíle by měly být třešínky na dortech, ne na hromadách hoven."
Avatar
Filip Pýrek
Redaktor
Avatar
Odpovídá na michales
Filip Pýrek:

HTML, CSS asi umíš, tak si něco udělej, dej to na jsfiddle, pak to pošli a já ti to tam implementuji.

Nahoru Odpovědět 6.4.2015 15:22
„The best way to predict the future is to invent it.“ — Alan Kay
Avatar
michales
Člen
Avatar
Odpovídá na Filip Pýrek
michales:

Teď nějak nechápu jak to přesmě myslíš.

Nahoru Odpovědět 6.4.2015 15:28
"Cíle by měly být třešínky na dortech, ne na hromadách hoven."
Avatar
Filip Pýrek
Redaktor
Avatar
Odpovídá na michales
Filip Pýrek:

Tak nic... tady to máš http://jsfiddle.net/8Lrg8xLm/

Akceptované řešení
+20 Zkušeností
Řešení problému
Nahoru Odpovědět  +1 6.4.2015 17:11
„The best way to predict the future is to invent it.“ — Alan Kay
Avatar
michales
Člen
Avatar
Odpovídá na Filip Pýrek
michales:

Tak jsem to zkusil u mě na webu a bohužel mi to nejde :-(
Viz.: http://kantry.funsite.cz/details_f.php?…

Po kliku na mikrofon v tabulce by se to mělo objevit.
Jelikož nepotřebuji button tak jsem to změnil za:

echo "<a data-id='".$result['Text']."'><img width='20' height='20' src='img/lupa.png'></a>";

A javascript změnil takto:

$("a").click(function(){
    var dataString = 'id1=' + $(this).attr("data-id");
    $.ajax({
         type: "POST",
         url: "lyrics.php",
         data: dataString,
         cache: false,
         success: function(data) {
             $("#hide").show();
             $("#popup").html(data).show();
         }
    });
});

$("#hide").click(function(){
    $(this).hide();
    $("#popup").hide();
});

Na jsfiddle to takhle funguje u mě na webu ne

Nahoru Odpovědět 6.4.2015 17:29
"Cíle by měly být třešínky na dortech, ne na hromadách hoven."
Avatar
Filip Pýrek
Redaktor
Avatar
Odpovídá na michales
Filip Pýrek:

Element #hide jsi dal až za ten script => nemá se to na co nabindovat, přesuň ho před script
Musíš zvětšit z-index #hide alespoň třeba na 101 => zvětšit z-index #popup na 102, kvůli tomu menu...
nabidovat to na a, víš ty kolik tam máš odkazů? Nabinduj to třeba na .mic... a klidně to udělej pomocí button...

Nahoru Odpovědět 6.4.2015 17:53
„The best way to predict the future is to invent it.“ — Alan Kay
Avatar
michales
Člen
Avatar
Odpovídá na Filip Pýrek
michales:

Jestli jsem správně rozuměl tak jsem to tak udělal. Zde přikládám celý script.
To kliknutí je na řádku 217 a ten script je před tím.
http://pastebin.com/3YWQQZPj

Zde http://kod.djpw.cz/ldmb jsem zkusil dosadit existující id a ani tak se nic nezobrazí

Nahoru Odpovědět 6.4.2015 18:01
"Cíle by měly být třešínky na dortech, ne na hromadách hoven."
Avatar
michales
Člen
Avatar
michales:

Už to frčí, celá jsem to přesunul pod to klikání :D

Nahoru Odpovědět 6.4.2015 18:07
"Cíle by měly být třešínky na dortech, ne na hromadách hoven."
Avatar
michales
Člen
Avatar
michales:

Už to frčí, celá jsem to přesunul pod to klikání :D

Nahoru Odpovědět 6.4.2015 18:07
"Cíle by měly být třešínky na dortech, ne na hromadách hoven."
Avatar
Filip Pýrek
Redaktor
Avatar
Odpovídá na michales
Filip Pýrek:

Tam je to způsobeno kvůli "XMLHttpRequest cannot load http://kantry.funsite.cz/lyrics.php. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://kod.djpw­.cz' is therefore not allowed access." ale to nech být...

Editováno 6.4.2015 18:14
Nahoru Odpovědět  +1 6.4.2015 18:13
„The best way to predict the future is to invent it.“ — Alan Kay
Avatar
Filip Pýrek
Redaktor
Avatar
Odpovídá na michales
Filip Pýrek:

Ano, věci jdou řešit amatérsky nebo profesionálně, to jakou cestu jsi si vybral je mi jedno, hlavní je pro nás že ti to funguje.

Nahoru Odpovědět 6.4.2015 18:14
„The best way to predict the future is to invent it.“ — Alan Kay
Avatar
michales
Člen
Avatar
Nahoru Odpovědět 6.4.2015 18:18
"Cíle by měly být třešínky na dortech, ne na hromadách hoven."
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 14 zpráv z 14.