Rezultate 1 la 6 din 6

Subiect: jQuery modal window la incarcarea paginii

  1. #1
    Avatarul lui Iulian
    Iulian este deconectat Membru SeoPedia
    Reputatie:
    35
    Data înscrierii
    30th January 2008
    Locaţie
    Bucuresti
    Posturi
    552
    Putere Rep
    35


    Implicit jQuery modal window la incarcarea paginii

    As dori sa folosesc jQuery pentru a-mi afisa un div la incarcarea paginii cu text si buton de inchidere .
    Am gasit urmatorul script : http://www.queness.com/post/77/simpl...indow-tutorial
    Din ce am citit , poate fi folosit si la incarcarea unei pagini , singura problema fiind faptul ca nu stiu jQuery sau Javascript
    As avea nevoie doar de fereasta simpla de aici : http://www.queness.com/resources/htm...al-window.html sa fie deschisa automat la incarcarea paginii .
    “Stop Doubting Yourself, Work Hard and Make It Happenµ
    Imi place sa conduc si sa gasesc cele mai bune distante rutiere.

  2. #2
    Avatarul lui sourcer
    sourcer este deconectat Membru SeoPedia
    Reputatie:
    34
    Data înscrierii
    19th October 2006
    Locaţie
    Constanta
    Posturi
    133
    Putere Rep
    34


    Implicit

    Salutare,

    Eu am reusit sa fac chestia asta cu colorbox (http://colorpowered.com/colorbox/), are niste optiuni prin care poti sa pornesti fereastra cand se incarca tot body-u. La mine arata cam asa:

    Cod:
    $(document).ready(function(){
    
    $().bind('cbox_load', function(){
        $().unbind("keydown.cbox_close");
    });
    Bla bla bla...

  3. #3
    Avatarul lui Iulian
    Iulian este deconectat Membru SeoPedia
    Reputatie:
    35
    Data înscrierii
    30th January 2008
    Locaţie
    Bucuresti
    Posturi
    552
    Putere Rep
    35


    Implicit

    Am folosit colorbox si mi s-a parut destul de util si simplu , mai ales ca poti deschide cu open fara ca vizitatorul sa apese ceva.
    In head am
    Cod:
    <script type="text/javascript">
    			$(document).ready(function(){
    				$(".terms").colorbox({width:"80%", inline:true, open: true, overlayClose: false, title: "Terms and conditions", href:"#terms1"});
    			});
    		</script>
    Iar in body am
    Cod:
    		<p><a class='terms' href="#">Inline HTML</a></p>
    
    alt text .... 
    
    <!-- This contains the hidden content for inline calls -->
    		<div style='display:none'>
    			<div id='terms1' style='padding:10px; background:#fff;'>
    etc...
    			</div>
    		</div>
    Imi merge, folosind exemplul de la colorbox .
    As mai avea o problema, accea de a inchide div-ul care se deschide automat prin afisarea unui link care sa inchida fereastra la click .
    Am vazut si instructiunea close: "close" , unde "close" este textul pentru a inchide fereastra, dar nu functioneaza , am incercat si folosind class="close" si rel="close" in linkul folosit...
    “Stop Doubting Yourself, Work Hard and Make It Happenµ
    Imi place sa conduc si sa gasesc cele mai bune distante rutiere.

  4. #4
    Avatarul lui hogash
    hogash este deconectat Junior SeoPedia
    Reputatie:
    32
    Data înscrierii
    12th September 2007
    Vârstă
    40
    Posturi
    28
    Putere Rep
    32


    Implicit

    zilele trecute am dat peste un script misto. http://jarodtaylor.com/meerkat/demos/demo3.php vezi cum ti se pare

    @ Iulian - Colorbox e foarte lightweight (are cativa kb), pentru anumite proiecte il folosesc, desi in mare parte sunt fan fancybox
    Ultima modificare făcută de hogash; 26th December 2009 la 13:27.

  5. #5
    Avatarul lui Iulian
    Iulian este deconectat Membru SeoPedia
    Reputatie:
    35
    Data înscrierii
    30th January 2008
    Locaţie
    Bucuresti
    Posturi
    552
    Putere Rep
    35


    Implicit

    @hogash : Am reusit sa folosesc meerkat si mi se pare destul de bun .
    Totusi as vrea sa vad si cum se comporta colorbox cu butonul de inchidere... Meerkat iti ofera o pagina intreaga pe care trebuie sa o creezi ca pagina de intrare ... pe cand ColorBox lasa transparent continutul si cutiuta in mijloc .
    “Stop Doubting Yourself, Work Hard and Make It Happenµ
    Imi place sa conduc si sa gasesc cele mai bune distante rutiere.

  6. #6
    Avatarul lui Butcher
    Butcher este deconectat Membru SeoPedia
    Reputatie:
    33
    Data înscrierii
    15th June 2007
    Locaţie
    Constanta
    Vârstă
    43
    Posturi
    308
    Putere Rep
    33


    Implicit

    Pentru ferestre de dialog, confirmari, etc.. http://jqueryui.com/demos/dialog/ jqueryui e taticul lor.

Informații subiect

Utilizatori care navighează în acest subiect

Momentan este/sunt 1 utilizator(i) care navighează în acest subiect. (0 membrii și 1 vizitatori)

Thread-uri Similare

  1. Afisare imagine gif inainte de incarcarea unui iFrame
    De Iulian în forumul Client side
    Răspunsuri: 5
    Ultimul Post: 2nd April 2010, 12:59
  2. jQuery ajaxForm plugin issue
    De CrazyDogster în forumul Client side
    Răspunsuri: 3
    Ultimul Post: 15th September 2009, 12:39
  3. revista jquery
    De nex în forumul Client side
    Răspunsuri: 19
    Ultimul Post: 30th May 2009, 18:06
  4. Pop-up window (help)
    De silcamataru în forumul Client side
    Răspunsuri: 2
    Ultimul Post: 13th March 2009, 18:38
  5. cum opresc incarcarea pdf-urilor
    De enisal în forumul Utile
    Răspunsuri: 9
    Ultimul Post: 30th January 2008, 19:52

Permisiuni postare

  • Nu puteţi posta subiecte noi.
  • Nu puteţi răspunde la subiecte
  • Nu puteţi adăuga ataşamente
  • Nu puteţi modifica posturile proprii
  •