İPUCU

Seçenekler

JAVA SCRIPT / Yazılara Degişik Bir Uygulama

'BozKurt - ait Kullanıcı Resmi (Avatar)
Üye
Üyelik tarihi:
07/2013
Nereden:
İstanbul
Mesajlar:
11.212
Konular:
3340
Teşekkür (Etti):
2231
Teşekkür (Aldı):
3015
Ticaret:
(0) %
05-06-2014 23:44
#1
Post
JAVA SCRIPT / Yazılara Degişik Bir Uygulama
Yazının Önce Küçük Bir Kısmını Gösterip Linke Tıklanması İle Tüm Hepsinin Görüntülenmesini Sağlayabileceğiniz Örnek Bir Javascrıpt Uygulaması.

Kod:
<script type="text/javascript">
/* This script and many more are available free online at
The JavaScript Source!! http://kanalbizim.tr.gg
Created by: Kanalbizim | http://www.kanalbizim.tr.gg/under: U.S. Copyright
**/
*
function FlipDisplay(d1,d2) {
**if(********.getElementById(d1).style.display == "none") {
************.getElementById(d1).style.display = "";
************.getElementById(d2).style.display = "none";
**} else {
************.getElementById(d1).style.display = "none";
************.getElementById(d2).style.display = "";
**}
}
</script>
*
*********
.testimonialNormalFlow { 
**border:1px #666666 dashed;
**padding:10px;
**width: 180px;
**font: .8em verdana, arial, helvetica, sans-serif;
}
*
p.testimonial {
**margin:0; 
**font-weight:bold; 
**background-color:#efefef; 
**padding:3px; 
**letter-spacing:3px;
**font-size:larger;
**text-align:center;
}
*
p.collapseTitle {
**margin:0;
**text-align:right;
**font-size: .8em;
**margin-top: -10px;
}
</style>
*
*
<!-- Start of testimonial container div -->
<div class="testimonialNormalFlow">
<p class="testimonial">Testimonial</p>
*
<!-- Start of collapsed content div -->
<div id="testimonialA">
<p>
Loved the script!
</p>
<p class="collapseTitle">
<a href="javascript:FlipDisplay('testimonialA','testimonialB')">[more ...]</a>
</p>
</div>
<!-- End of collapsed content div -->
*
<!-- Start of expanded content div -->
<div id="testimonialB" style="display:none;">
<p>
Really sweet!</p>
<p>
Cras lectus sociosqu platea diam ac. Eni ve sollicitudin rhoncus, justo pede aliquet, a, lectus urna quam.</p>
<p>
Eu porta mattis id nulla consequat vestibulum conubia dis. Nulla cubilia cras, id lacus eni risus ridiculus leo facilisi.</p>
<p>Laculis<br><a href="http://javascript.internet.com/">JavaScript Source</a></p>
<p class="collapseTitle">
<a href="javascript:FlipDisplay('testimonialA','testimonialB')">[close]</a>
</p>
</div>
<!-- End of expanded content div -->
*
</div>
<!-- End of testimonial container div -->
*
http://www.kanalbizim.tr.gg
kanalbizim@hotmail.com
--------------------- "En çok inandığımız şeyler, en az bildiklerimizdir."
- M.D. Montaigne.

Bookmarks


« Önceki Konu | Sonraki Konu »
Seçenekler

Yetkileriniz
Sizin Yeni Konu Acma Yetkiniz var yok
You may not post replies
Sizin eklenti yükleme yetkiniz yok
You may not edit your posts

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodları Kapalı
Trackbacks are Kapalı
Pingbacks are Kapalı
Refbacks are Kapalı