|
Poslao: 21 Jan 2012 19:30
|
offline
- gfactory
- Super građanin
- 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. 
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? 
|
|
|
|
|
Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
|
|
|
Poslao: 21 Jan 2012 23:16
|
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.
|
|
|
|
|
|
|
Poslao: 22 Jan 2012 03:01
|
offline
- gfactory
- Super građanin
- 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
|
|
|
|
|
|
|
Poslao: 22 Jan 2012 14:58
|
offline
- Pridružio: 16 Jan 2010
- Poruke: 241
- Gde živiš: Zemun
|
Ma opušteno! 
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.
|
|
|
|
|
|
|
Poslao: 24 Jan 2012 01:06
|
offline
- gfactory
- Super građanin
- 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 ?!!
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.
|
|
|
|
|
|
|
Poslao: 24 Jan 2012 21:49
|
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.
|
|
|
|
|
|
|
|
|
|
|
Poslao: 25 Jan 2012 13:50
|
offline
- gfactory
- Super građanin
- Pridružio: 26 Okt 2007
- Poruke: 1064
- Gde živiš: u Apache
|
Vaistinu mi je trebao display:none;
Hvala još jednom.
|
|
|
|
|
|
