Jump to content
  • Announcements

    • Xmat

      Pravidlo pro postování v TTT

      Do sekce Tipy, triky, tutoriály nepatří žádné dotazy.   Postujte sem vaše návody, tipy a různé další věci jež uznáte za vhodné sdělit zdejšímu osazenstvu, ale veškeré dotazy směřujte do sekce Všeobecná diskuse.
    • Replik

      Seznam návodů a důležitých témat v této sekci

      Pro lepší přehlednost jsem vytvořil tento seznam, který vás, méně zkušené, lépe provede touto sekcí. Věřím, že zde najdete, co hledáte. Vypsané jsou návody, které jsou oficiálně uznané jako návody. Běžné diskuze, které neposkytují postupy a rady zvěřejněny nejsou.   Instalace vlastního MaNGOS Serveru Díky těmto návodům budete (měli by jste být) schopni vytvořit a následně spustit váš vlastní server. Nastavení je pro verze s i bez datadisku.   Instalace MaNGOS Serveru (bez datadisku TBC) - Autor Benny Instalace MaNGOS Serveru (s datadiskem TBC) - Autor Malfik Instalace MaNGOS Serveru v prostředí Linux - Autor charlie Instalace MaNGOS Serveru v prostředí Linux - Autor kupkoid   Chyby a jejich řešení při přihlašování k serveru - Autor Cybe   Zálohování uživatelských dat   Dávkový soubor (BAT soubor) pro vytvoření SQL záloh - Autor Replik   Kompilování - tvoření vlastních release (revizí)   Tvorba kompilací pro Win32 (MangoScript) - Autor bLuma   Ostatní - těžko zařaditelné, ale neznamená to, že nejsou dobré   VIP Systém - Autor charlie Tvorba Webových stránek pro MaNGOS - Autor zahuba Tvorba teleportačních NPC (MangoScript) - Autor Replik Registrační web (původně předělaná SPORA) Funkční pro Antrix i MaNGOS - Autor Replik Nastavení a spuštění Minimanager pro MaNGOS - Autor BlackMartin Nastavení MaNGOS Website - Autor Artorius   Samozřejmě jsou zde i jiné návody, ale tyto jsou nejvíce používané, proto věřím, že vám budou nápomocné. Tuto sekci budeme upravovat podle potřeby. Pokud by jste něco nenašli nebo si nevěděli rady, hledejte na fóru a teprve potom založte vlastní topik. Pokud nějaký autor vytvoří kvalitní návod a chtěl by ho zveřejnit i v tomto seznamu, doporučuji, aby mi napsal zprávu skrze PM.   Díky a přeji hezký den na WoWResource   Replik
    • Aristo

      Příspěvky tam, kde nemají co dělat

      Dodržujte zákaz přispívání do topiků s repaky pokud si to zakladatelé nepřejí!! Opakované psaní příspěvků bude trestáno warnem.
    • Aristo

      Používání spoilerů

      Poslední dobou má většina uživatelů fora zvláštní nutkání postovat extrémně dlouhé texty nebo kódy, které zabírají v nejedenom případu i 80% obsahu celé stránky a hodně tak zvedají nepřehlednost v topiku. Chtěl bych všechny uživatele požádat, aby při postování citací, jakýchkoliv kódů, errorů, atp... delších než 30 řádků používali funkci spoileru.   Funkci vyvoláte příkazem [spoiler] text [/spoiler]   Ukázka:  
achboDCA

[JavaScript] Vlastné okno

Recommended Posts

Ahojte.

Chcem Vás poprosiť, ak tu niekdo ovláda JavaScript či by nebol taký dobrý a nespravil mi niečo také ako je na obrázku nižšie.

Jedná sa o to že potrebujem aby sa mi napr. po kliknutí na hocaký odkaz otvorilo také okno ako je na obrázku, kam si sám napišem text ktorý potrebujem. Viem že sa takéto niečo robí v JavaScripte a že je zapotreba aj Cascádový štýl. CSS ovládam ale JS už bohužial nie :/ Bol by som veľmi vďačný aj by sa našiel niekdo :)

 

 

okno.jpg

 

Share this post


Link to post
Share on other sites

<style>
div#WhiteScreen {
   width: 100%;
   height: 100%;
   position: fixed; /*Pro IE je nutné nastavit position: absolute;*/
   text-align: center;
   background: rgba(255, 255, 255, 0.3); /*Zde si dej raději průhledný obrázek, né všechny prohlížeče podporují CSS3*/
   left: 0;
   bottom: 0;
}
   div#WhiteScreen div#WhiteScreenText {
       width: 400px;
       height: 200px;
       margin: 0 auto;
       color: black;
   }
</style>
<script>
function ShowMeLink(text) {
   document.getElementById("WhiteScreen").style.display = 'block';
   document.getElementById("WhiteScreenText").innerText = text;
}
</script>
// v HTML ->
<div id="WhiteScreen" style="display: none;">
   <div id="WhiteScreenText"></div>
</div>

Snad jsem nic nezapoměl, psal jsem to tady narychlo, tak tam může být překlep.

 

EDIT: Připsal jsem pozice left a bottom do CSS a smazal vnořený style u WhiteScreenText

A poznatek, okno vyvoláš tím, že na daný prvek dáš onclick="ShowMeLink('Text který se zobrazí na bíle obrazovce');"

Edited by Hookyns
  • Upvote 1

Share this post


Link to post
Share on other sites

Ďakujem, hneď vyskúšam :)

 

//EDIT:

Vyskúšal som to. Spraví mi to len to že keď som si dal napr.

<a href="" onclick="ShowMeLink('Blablabla');">Klikni!</a>

text Blablabla mi len preblikne. Ja by som potreboval, aby sa mi otvorilo také okno (nemusí byť designovo rovnaké) ako je v strede screenu v mojom prvom poste.Text chcem potom následne zobrazovať v tom okne ktoré sa vytvorí po kliknutí napr. na link :)

Edited by achboDCA

Share this post


Link to post
Share on other sites

Ještě bych se k tomu zeptal, jak se tohle obvykle řeší když někdo nemá zapnutý javascript? Třeba na mobilech může být blokovaný, nebo tak něco...

Share this post


Link to post
Share on other sites

2 AchboDCA: Měla by to fungovat tak, že klidneš na odkaz a zobrazí se přes stránku bílá vrsta s průhledností a uprostřed by mělo být to okno s tím textem.

Ještě se ti na to podívám, jak jsem již říkal, psal jsem to přimo tady a nezkoušel jsem to, jestli jsem náhodou někde neudělal chybku.

 

2 Xmat: Tohle je jediné řešení. Pokud má někdo vypnutý JS tak přichází o tyhle vychytávky a pokud to webmaster optimalizuje, tak při vypnutém JS mu to bude fungovat normálně.

V tomhle případě, pokud bude mít člověk vypnutý JS, tak se na tu adresu nedostane, ale pokud to chceš optimalizovat, je třeba použít <noscript></noscript> Všechno uvnitř tohoto tagu se zobrazí jen v případě, je-li JS vypnutý.

 

Nejspíše jsem jen zapoměl na z-index, který nastavuje Ztovou souřadnici.

Udělal jsem pár stylistických změn a jen pro jistutu udělal testovací stránku. To co je na té stránce mi funguje, takže by to mělo fungovat i tobě.

Kód si stáhni přímo z té stránky :)

Jinak odkaz je zde

 

EDIT: Možná jsem nemusel psát nový příspěvěk :innocent:

Edited by Wolf Officious
Doublepost (sloučeno)
  • Upvote 1

Share this post


Link to post
Share on other sites

To je presne to čo som potreboval ! Veľmi pekne ti ďakujem za čas a robotu ! :)

Nemáš vůbec za co. Napsání mi trvalo tak 2 minuty.

Share this post


Link to post
Share on other sites

Nemáš vůbec za co. Napsání mi trvalo tak 2 minuty.

Mám za čo :) nemusel si mi to vôbec spraviť. Takýchto ľudí ako ty si vážim pretože ich je málo :)

Share this post


Link to post
Share on other sites

A co takhle aby se s tím oknem dalo hýbat, jako ve windows? :P:D

To už bych nepsal, protože to nějaký čas zabere.

Pokud to opravdu chceš ZDE je link. -> To jQuery níže je lepší, má více funkcí.

 

EDIT: Ale záleží na co to chceš. Pokud by si opravdu chtěl nové okno, tak jej jednoduše otevřeš pomocí window.open()

EDIT2: A přivedl si mě na dobrou myšlenku, alespoň si procvičím JS :D Udělám prostředí windows na web :)

Edited by Hookyns

Share this post


Link to post
Share on other sites

Nebo stačí používat jeden z mnoha javascriptových frameworků a vytvoření podobných blbostí je otázka 3 řádků. Zároveň je jistota, že to funguje všude stejně.

 

Například: http://jquery-navod.cz/kategorie-jquery-ui/jquery-ui-dialog

 

Drag & drop bych na web nedával radší vůbec, simulace s vypnutým js (tedy staticky) je nemožná, je to fajn pro moderní komunitu, ale pro ty méně počítačově zdatné je to pohroma, hlavně když používají IE 6 v roce 2011 (nebo něco podobného).

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×