flip jquery problem

flip jquery problem

offline
  • PHP programer
  • Pridružio: 26 Okt 2007
  • Poruke: 1064
  • Gde živiš: u Apache

Pozdrav,ovim problemom sam se bavio pre mesec dana, pa sad opet.Googlao sam ne bih li našao rešenje problema,ali ništa.

http://lab.smashup.it/flip

Treba mi pomoć da ubacim content na stranice flipa, ako ima neko da je ovo koristio.Uopšte mi nije jasno gde ovde ide kontent ako za svaku stranicu imam npr. <a href="#" class="bottom" rel="tb" rev="#eeeeeee" title="Hey oh let's go!">bottom</a>
Ovde ima samo titl gde mogu da nalepim npr neki text u vidu kontenta..Ali ja hoću da ubacim recimo formu za registraciju ili neki div sa nekim sadržajem..

Na zvaničnom sajtu čiji sam link postavio gore ima kao neko objašnjenje kako promeniti kontent.
$("#flipbox").flip({    direction:'tb',    content:'this is my new content/ili DIV umesto texta' })
Kad umesto ovog stavim neki div gde mi je npr forma, to i dobijem al na naslovnoj strani...
$("#flipbox").flip({    direction:'tb',    content:'<div class="new_content"> <form action="send.php" method="post">       <input type="text" name="blabla"><input type="submit" name="submit"></form></div>' })   
Ja hoću da to bude na nekoj od stranica koje se rotiraju iz menija.
Ovo je verovatno prosto al ja se ne snalazim. Smile

js na stranici
<script type="text/javascript"> $(function(){                          $("#flipPad a:not(.revert)").bind("click",function(){                var $this = $(this);                $("#flipbox").flip({                   direction: $this.attr("rel"),                   color: $this.attr("rev"),                   content: $this.attr("title"),//(new Date()).getTime(),                   onBefore: function(){$(".revert").show()}                })                return false;             });                                    $("#flipbox").flip({    direction:'tb',    content:'<div class="new_content"> <form action="send.php" method="post">       <input type="text" name="blabla"><input type="submit" name="submit"></form></div>' })                                          $(".revert").bind("click",function(){                $("#flipbox").revertFlip();                return false;             });                          var changeMailTo = function(){                var mArr = ["@","smashup","luca",".it"];                $("#email").attr("href","mailto:"+mArr[2]+mArr[0]+mArr[1]+mArr[3]);             }                          $(".downloadBtn").click(function(){                pageTracker._trackPageview('download_flip');             });                             setTimeout(changeMailTo,500);                       });       </script>               

Može pomoć,sugestija? Zagrljaj



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • Pridružio: 16 Jan 2010
  • Poruke: 241
  • Gde živiš: Zemun

Probaj u content da ubaciš naziv clase tog diva koji hoćeš da prikažeš. Stavi samo:
$(.new_content)

Meni je uspelo kada sam stavio klasu usage, koja se nalazi na samom sajtu gde je primer i prikazao mi je sve što se u njoj nalazi.



offline
  • PHP programer
  • Pridružio: 26 Okt 2007
  • Poruke: 1064
  • Gde živiš: u Apache

cvrlebg ::Probaj u content da ubaciš naziv clase tog diva koji hoćeš da prikažeš. Stavi samo:
$(.new_content)

Meni je uspelo kada sam stavio klasu usage, koja se nalazi na samom sajtu gde je primer i prikazao mi je sve što se u njoj nalazi.

Probao sam ovo prvo,ali to tako neće da prikaže.Jedino kad u title strpam div sa kontentom, onda mi prikaže sadržaj na klik tog button-a za tu stranicu.Jedino što je tu ružno je što mi na hover tog buttona prikaže ceo div i njegov kontent.Ovako sam ga nabudžio.
<div id="flipPad">                   <a href="#" class="new_content" rel="rl" rev="#666" " title="<div class='new_content'>                    <form action='send.php' method='post'  >                                <input type='text' name='bla'>                    <input type='submit' name='submit'>                    </form>                                      </div>  ">Form</a>
Probao sam i usage i kao i tebi ,prikaže mi ceo sadržaj klase usage i pritom je rotira.To je dobra stvar jer možeš da rotiraš div bilo gde na stranici,ali ne i u flip boxu.

Problem nije u potpunosti rešen al aj da kažem da ovo nekako radi.. Ako imaš još neku ideju,napiši.

Hvala puno brate cvrlebg Zagrljaj

offline
  • Pridružio: 16 Jan 2010
  • Poruke: 241
  • Gde živiš: Zemun

Ma opušteno! Wink

Nemaš potreba da ga stavljaš u title atribut. Samo napišti content: $(naziv klase ili id-ja) i to je to. On će pronaći na stranici to ime i prikazati ga. Možda te ja nisam baš najbolje razumeo, ne znam.

Meni se sve to vrti u #filpbox-u, ako hoćeš postavio svoj kod, koji planiraš da implementiraš, pa da nađemo neko rešenje.

offline
  • PHP programer
  • Pridružio: 26 Okt 2007
  • Poruke: 1064
  • Gde živiš: u Apache

@cvrlebg,

ne znam kako da ga pozovem u flipbox, ako u js stavim npr
$(".new_content").flip({    direction:'tb'    /*content:'<div class="new_content"><form action="send.php"method="post"><input type="text" name="bla"><input type="submit" name="submit"></form></div>'   */       }) a na prvom button-u mi je recimo <a href="#" class="new_content" rel="rl" rev="#666" " title="test ">Form</a> ovde sam stavio class new_content al u flipboxu dobijem samo title za dotični button..

Ako sam ga ispravno označio u JS, gde ga onda pozivam ?!! Smile

evo ti ceo kod,js
   <script type="text/javascript">          $(function(){                          $("#flipPad a:not(.revert)").bind("click",function(){                var $this = $(this);                $("#flipbox").flip({                   direction: $this.attr("rel"),                   color: $this.attr("rev"),                   content: $this.attr("title"),//(new Date()).getTime(),                   onBefore: function(){$(".revert").show()}                })                return false;             });                                       $(".new_content").flip({    direction:'tb'    /*content:'<div class="new_content"><form action="send.php"method="post"><input type="text" name="bla"><input type="submit" name="submit"></form></div>'   */                                                                         })                          $(".revert").bind("click",function(){                $("#flipbox").revertFlip();                return false;             });                          var changeMailTo = function(){                var mArr = ["@","smashup","luca",".it"];                $("#email").attr("href","mailto:"+mArr[2]+mArr[0]+mArr[1]+mArr[3]);             }                          $(".downloadBtn").click(function(){                pageTracker._trackPageview('download_flip');             });                             setTimeout(changeMailTo,500);                       });       </script>
i flipPad div u kome su batoni flipa,tj stranice
<div id="flipPad">                   <a href="#" class="new_content" rel="rl" rev="#666" " title="test ">Form</a>                   <a href="#" class="top" rel="bt" rev="#eeeeee"  >top</a>                   <a href="#" class="bottom" rel="tb" rev="#eeeeee" title="Hey oh let's go!">bottom</a>                   <a href="#" class="right" rel="lr" rev="#eeeeee" title="Waiting for css3...">right</a>                   <a href="#" class="revert">revert!</a>                </div>                       


Hvala. Zagrljaj

offline
  • Pridružio: 16 Jan 2010
  • Poruke: 241
  • Gde živiš: Zemun

Nisi me baš najbolje razumeo. Klasa new_content je naziv klase u kojoj bi se nalazila tvoja forma ili naziv klase za samu formu.

Što znači da tvoj kod treba da izgleda ovako:

<script type="text/javascript">          $(function(){                           $("#flipPad a:not(.revert)").bind("click",function(){                var $this = $(this);                var content="."+$this.attr("href");  //ovde definišeš varijablu koja će uzimati vrednost od atributa href                $("#flipbox").flip({                   direction: $this.attr("rel"),                   color: $this.attr("rev"),                   content: $(content),  //ovde ta varijabla daje naziv klase koja će se pojaviti u flipbox-u                   onBefore: function(){$(".revert").show()}                })                return false;             });                                                  $(".revert").bind("click",function(){                $("#flipbox").revertFlip();                return false;             });                           var changeMailTo = function(){                var mArr = ["@","smashup","luca",".it"];                $("#email").attr("href","mailto:"+mArr[2]+mArr[0]+mArr[1]+mArr[3]);             }                           $(".downloadBtn").click(function(){                pageTracker._trackPageview('download_flip');             });                              setTimeout(changeMailTo,500);                        });       </script>

Što se tiče dugmića, potrebno je u href-u uneti samo naziv klase koji hoćeš da ti se pokaže u ovom flipbox-u.

<a href="OVDE UPISUJEŠ NAZIV KLASE KOJA ĆE SE POJAVITI U FLIPBOX-U KADA KLIKNEŠ NA OVO DUGME" class="new_content" rel="rl" rev="#666" " title="test ">Form</a>

Nadam se da ti je sada malo jasnije, ako treba još nešto pitaj. Izvini za ova velika slova, ali nisam znao kako da ti napišem kako bi primetio gde su izmene.

offline
  • PHP programer
  • Pridružio: 26 Okt 2007
  • Poruke: 1064
  • Gde živiš: u Apache

Super si mi objasnio i treba da pišeš ne samo velikim slovima nego verovatno sa h1.Kad sam na časovima prespavao javascript. Smile

Sad sam napravio kako treba s tim što sam kontent diva1,2,3 stavio u href, jer ako taj neki div kontent koji pozivam stavim na stranicu, on će biti negde na strani,logično...a on treba samo da se poziva u flipbox, ne i da se vidi negde na strani...

Hvala puno cvrle, Zagrljaj ... btw, i ja sam iz Munze konza. Wink

offline
  • Pridružio: 16 Jan 2010
  • Poruke: 241
  • Gde živiš: Zemun

Možeš svakom tom divu da staviš inline stil: display:none, tako da se on neće videti pri učitavanju stranice, ali klikom na neko dugme isti će se pojaviti. Mislim da ti je ovo bolje rešenje, zbog validacije cele stranice kasnije.

Vaistinu konza!! Smile Smile Smile

offline
  • PHP programer
  • Pridružio: 26 Okt 2007
  • Poruke: 1064
  • Gde živiš: u Apache

Vaistinu mi je trebao display:none; Smile

Hvala još jednom. Zagrljaj

Ko je trenutno na forumu
 

Ukupno su 650 korisnika na forumu :: 11 registrovanih, 1 sakriven i 638 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: -[CoA]-, _Rade, bojank, cikadeda, dragoljub11987, gorantrojka, hyla, Krvava Devetka, Lord Nem, opt1, sovanova95