Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

kako ovo da uradim?

[es] :: Javascript i AJAX :: kako ovo da uradim?

[ Pregleda: 2083 | Odgovora: 8 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

ivanpro
Beograd

Član broj: 186028
Poruke: 104
*.adsl-1.sezampro.rs.



+10 Profil

icon kako ovo da uradim?14.01.2012. u 19:57 - pre 149 meseci
http://www.oriontelekom.rs

Potreban mi je ovaj pop up ili kako se vec zove u kombinaciji sa lightboxom.
Znam da treba da uradim poseban html sa zeljenim tekstom i slikom ali mi nije jasno kako to sve da povezem i da se prvo to pojavi kada se ulazi na sajt.
Treba da stoji dok se ne klikne na X (na ovom primeru ima vremensko ogranicenje, samo nestaje)

Mislim da nije tesko :)

HVALA
 
Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net


+44 Profil

icon Re: kako ovo da uradim?14.01.2012. u 21:07 - pre 149 meseci
Ovo ti je obican lightbox, samo ne prikazujes sliku vec jedan div koji u sebi ima potreban sadrzaj (slika, tekst). Pogledaj npr http://fancybox.net/ imas tu primere i sa html-om (modal window).
 
Odgovor na temu

ivanpro
Beograd

Član broj: 186028
Poruke: 104
*.adsl-a-3.sezampro.rs.



+10 Profil

icon Re: kako ovo da uradim?14.01.2012. u 21:28 - pre 149 meseci
Ok, to sam video ali kako da namestim da se otvara pre sajta, tj. preko sajta ?
 
Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net


+44 Profil

icon Re: kako ovo da uradim?14.01.2012. u 21:56 - pre 149 meseci
Samo ga pozovi prilikom ucitavanja strane, ako koristis fancybox, ili bilo koji jquery lightbox plugin:
Code (javascript):

jQuery(function($) {
   // ovde inicijalizuj i prikazi lightbox
});
 

 
Odgovor na temu

ivanpro
Beograd

Član broj: 186028
Poruke: 104
*.adsl-a-3.sezampro.rs.



+10 Profil

icon Re: kako ovo da uradim?14.01.2012. u 21:58 - pre 149 meseci
Molim te ,ako nije problem daj mi konkretan primer, prolupao sam celo popodne oko ovoga.

HVALA
 
Odgovor na temu

ivanpro
Beograd

Član broj: 186028
Poruke: 104
*.adsl-a-3.sezampro.rs.



+10 Profil

icon Re: kako ovo da uradim?14.01.2012. u 22:55 - pre 149 meseci

Probao sam sa ovim, ali nece da se aktivira samo ???


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="imagetoolbar" content="no" />
<title>bla bla</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script>
!window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
</script>
<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" href="style.css" />
<script type="text/javascript">

$(document).ready(function() {
$("#various1").trigger('click');
});

$(document).ready(function() {
/*
* Examples - images
*/


$("a[rel=example_group]").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none',
'titlePosition' : 'over',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
}
});

/*
* Examples - various
*/

$("#various1").fancybox({
'titlePosition' : 'inside',
'transitionIn' : 'none',
'transitionOut' : 'none'
});


});
</script>
</head>
<body>

<ul>
<li><a id="various1" href="#inline1" title="">Inline</a></li>

</ul>

<div style="display: none;">
<div id="inline1" style="width:600px;height:400px;overflow:auto;">
Proba
</div>
</div>
</body>
</html>
 
Odgovor na temu

ivanpro
Beograd

Član broj: 186028
Poruke: 104
*.adsl-a-3.sezampro.rs.



+10 Profil

icon Re: kako ovo da uradim?14.01.2012. u 23:35 - pre 149 meseci
Uradio

HVALA
 
Odgovor na temu

little_boy
mali Ivan
Obrenovac

Član broj: 116976
Poruke: 29
..106.109.adsl.dyn.beotel.net.

Sajt: under construction


Profil

icon Re: kako ovo da uradim?15.03.2012. u 08:03 - pre 147 meseci
Možeš li da podeli sa nama stranicu na kojoj si to uspeo da uradiš ili da postaviš ceo kod.
Na donjem primeru koji si postavio mora da se klikne na link kako bi se pojavio prozor.

Hvala unapred.
 
Odgovor na temu

ivanpro
Beograd

Član broj: 186028
Poruke: 104
109.121.3.*



+10 Profil

icon Re: kako ovo da uradim?15.03.2012. u 15:15 - pre 147 meseci
Pozdrav

stranica je: www.blok28.rs


Code:
<meta http-equiv="imagetoolbar" content="no" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script>
        !window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
    </script>
    <script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
     <script type="text/javascript" > 
$(document).ready(function(){ 
 $("#autostart").fancybox({ 
  'autoDimensions'    : false,
  'width': 640,  //or whatever 
  'height': 420.  
 }); 
}); // document ready 

</script> 

<body onload="$('#autostart').trigger('click');"> 
<a href="start.html" 
id="autostart"></a> 
 
Odgovor na temu

[es] :: Javascript i AJAX :: kako ovo da uradim?

[ Pregleda: 2083 | Odgovora: 8 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.