NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

Diskuze: Úprava javascriptu aby se text zobrazoval v popup okně.

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
michales
Člen
Avatar
michales:6.4.2015 14:12

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
Tvůrce
Avatar
Odpovídá na michales
Filip Pýrek:6.4.2015 14:23

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
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:6.4.2015 14:31

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
Tvůrce
Avatar
Odpovídá na michales
Filip Pýrek:6.4.2015 15:22

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:6.4.2015 15:28

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
Tvůrce
Avatar
Odpovídá na michales
Filip Pýrek:6.4.2015 17:11

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

Akceptované řešení
+20 Zkušeností
Řešení problému
Nahoru Odpovědět
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:6.4.2015 17:29

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
Tvůrce
Avatar
Odpovídá na michales
Filip Pýrek:6.4.2015 17:53

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:6.4.2015 18:01

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:6.4.2015 18:07

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:6.4.2015 18:07

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
Tvůrce
Avatar
Odpovídá na michales
Filip Pýrek:6.4.2015 18:13

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
6.4.2015 18:13
„The best way to predict the future is to invent it.“ — Alan Kay
Avatar
Filip Pýrek
Tvůrce
Avatar
Odpovídá na michales
Filip Pýrek:6.4.2015 18:14

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
Odpovídá na Filip Pýrek
michales:6.4.2015 18:18

Moc ti děkuji

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.