POPUP okno, stylovanie

newboy1 · Napísal **newboy1**: 06.07.2010 15:18

Nazdarek.. Chcel by som Vas poprosit o pomoc.. .Totiz..Chcel by som si urobit nieco ako "pridavanie uzivatelov" do zoznamu..Tzn. ak navstevnik klikne napr. na ikonu,tak sa do DB zapise meno uzivatela (alebo nejaky udaj). No a chcel by som to riesit pomocou POPUP okna.. Cize,uzivatel klikne na ikonu, zobrazi sa okno kde bude hlaska typu: "Naozaj chcete pridat uzivatela?" A moznosti Potvrdit, zrusit.. No a tu narazam na problemy.
To vyskakovacie okno(hlaska) by mal byt script,ktory mi zapise udaje do DB. Toto viem urobit cez window.open Cize nieco take:

Kód:

window.open( "http://www.stranka.sk/okno.php?h=hodnota","_blank","width=300, height=200" )

No lenze ja by som to chcel mat urobene nejako stylovo

Cize len nejaky "ramcek" s pozadim,textik, 2 buttony..ziadne cele okno..Skusal som teda nieco googlit.. A co som nasiel vyzeralo celkom fajn..Tu su nejake priklady:
www.astral-consultancy.co.uk - Tie vyskakovacie okna
www.webdevelopersnotes.com- tie "bubliny"
No a taketo nieco by som potreboval, akurat, ze to "okno" by vlastne bol samotny script,do ktoreho by som nejaky spôsobom dostal aj premenne(hodnoty). Lebo to je moj kamen urazu..Ze neviem ako dostat potom hodnoty do DB..alebo spracovat script.
Viete mi s tym niekto pomôct..poradit..Alebo aspon nejaky link, kde je to riesene??

Flety · Napísal **Flety**: 06.07.2010 16:20

jQuery + jQuery UI

coldak · Napísal **coldak**: 06.07.2010 20:37

newboy1. popup okno nahrad DIVom s absolutnym poziciovanim, jasne bude to kejsok viac kodenia a trapenia sa, no jednak si to mozes vysperkovat ako budes chciet a tiez sa zase nieco nove naucis

JQuery je pre koderov co nemaju cas na vytvaranie vlastneho riesenia.

shaggy · Napísal **shaggy**: 06.07.2010 22:24

Citácia:

JQuery je pre koderov co nemaju cas na vytvaranie vlastneho riesenia.

Nesúhlasím - u nás to používajú aj koderi, ktorí sú v javascripte viac než dobrí.
Tak, ako používaš v iných jazykoch frameworky, nevidím dôvod, prečo by sa to nemalo používať aj v Javascripte.

coldak · Napísal **coldak**: 06.07.2010 22:37

shaggy: ano presne, pisal som ze "nemaju cas" a nie ze "nevedia kodit"

frameworks su na zkratenie casu vyvoja nakolko cas su peniaze. newboy1 sa nauci viac ak si to urobi od zaciatku sam, ako keby pouzil uz nieco nakodene. alebo toto forum nieje v prvom rade o uceni sa ?

shaggy · Napísal **shaggy**: 06.07.2010 23:15

Ja som bol tiež odporca týchto frameworkov a chcel som sa učiť JS od začiatku, ale... nie je to vôbec potrebné. Na väčšinu vecí, s ktorými sa stretne mu stačí začať priamo s frameworkom (samozrejme, tie najzákladnejšie základy musí vedieť).

coldak · Napísal **coldak**: 06.07.2010 23:29

jasne, ale miesto samotneho JS sa uci ako pouzivat framework. uz nespocetne krat som opravoval kody po panoch javistoch co ovladali plno frameworkov no ked som videl ako v kode vyskladavaju v loope string jeho zretazovanim

Kód:

String result = "";
for(int i=0;i<20000;i++) {
  result=result+"hodnota";
}

tak som myslel ze ma ..., ved realokovat pamat pre novy string nieje sranda, koli tomu java ma objekt StringBuffer alebo StringBuilder. no ked panom koderom chyba skusenost lebo vsetko za nich robi framework tak sa ani necudujem.

camo · Napísal **camo**: 07.07.2010 0:25

Ale nieje problém aj s tým, že tie frameworky ako Jquery sú dosť obsiahle? Teda to dosť spomaľuje načítanie....
Či ako?
To som niekde čítal...

coldak · Napísal **coldak**: 07.07.2010 7:46

ano aj to je problem JS nakolko JS sa interpretuje na rozdiel od jazykov C/C++, pascal a dalsie ktore si dokazu nalinkovat do kodu z kniznic iba to co potrebuju

newboy1 · Napísal autor témy **newboy1**: 07.07.2010 16:25

Takze pôvodne som to skusal pomocou iframe. Lenze to som este netusil co ma caka pri stylovani v IE.. :filth:

Takze som to nakoniec vyriesil pomocou div-ka. A tie hodnoty co potrebujem, tak zasielam cez $_SESSION. Zdalo sa mi to ako najlepsie a najjednoduchsie riesenie. Pridam sem script (zjednoduseny), ak by niekto riesil nieco podobne..Ak su v nom chyby,tak ma prosim opravte..

subor.php

Kód:

<?

session_start();
$_SESSION['meno'] = 'Peter';
?>

    <style type="text/css">
      .popup {
   width: 270px;
        border: solid 1px #000000;
        font-family: Tahoma;
        font-size: 11px;
        display: none;
        position: relative;
        z-index: 60;
      }

      .popuptitle {
        position: relative;
        background: red;
        color: white;
        font-weight: bold;
        height: 15px;
        padding: 4px;
      }
      
      .popupbody {
        background: #252525;
       padding: 5px 0px;
   font-size: 11px;
        text-align: center;
      }


#popup1 { top: -120px; left: 20px; }


    </style>

    <script type="text/javascript">

      function popupWindow(o,d)
      {
  var obj = document.getElementById(o);
        if(d)
          obj.style.display = 'block';
        else
          obj.style.display = 'none';
      }


    </script>

    <input type="button" value="Pridať priateľa" onClick="popupWindow('popup1',true);"/>

    <div id="popup1" class="popup">
      <div class="popuptitle">Pridať priateľa</div>
      <div class="popupbody">
        <? include './okno.php'; ?>
      </div>
    </div>

okno.php

Kód:

<?
$uzivatel=$_SESSION["meno"];
echo "
<div style=\"width: 270px; height: 60px; background: #252525; color: #ffffff;\">

Naozaj chcete pridať užívateľa <b>$uzivatel</b> k priateľom? 

</div>
<input type=\"button\" value=\"Potvrdiť\">
<input type=\"button\" value=\"Zrušiť\" onClick=\"popupWindow('popup1',false);\"/>
";

?>

Stylovanie je uz na kazdom zvlast

Co sa tych frameworkov tyka.. Ja osobne nemusim..Najviac mi vyhovuje ak si vsetko nakodim sam...Nielen ze sa tak viac naucim,ale nemam potom ani problem chyby opravovat

A kedze ani nepracujem v ziadnej firme, tak ma netlaci ani cas(peniaze).. Ale kazdemu podla chuti..Komu co vyhovuje, nech pouziva..
PS: coldak dik za tip...

coldak · Napísal **coldak**: 07.07.2010 19:35

este by si si tam mal dorobit imitaciu modal okna, cize ked sa ti zobrazi imitovane popup okno tak sa pozadie stane neklikatelne

Ďuri · Napísal **Ďuri**: 08.07.2010 20:01

camo píše:

Ale nieje problém aj s tým, že tie frameworky ako Jquery sú dosť obsiahle? Teda to dosť spomaľuje načítanie....
Či ako?
To som niekde čítal...

jQuery je este relativne maly framework, ale ine frameworky ci pluginy do jQuery mozu byt velmi velke, a co je dost problem, ludia ich vkladaju do hlavicky HTML dokumentu a prehliadac tak musi cakat na nacitanie skriptu a nemoze zobrazovat stranku.
Osobne by som frameworky nepouzival na nejake male veci, ktore sa daju napisat v cistom JS na par riadkov.
Lahko najdes na diskusnych forach "expertov", ktore vedia spravit neskutocne veci v jQuery a maju pritom problem so zakladnymi vecami v pure Javascripte, lebo nerozumeju ani syntaxi, ani samotnemu Javascriptu.

POPUP okno, stylovanie

Podobné témy