Sipariş form kısmını gizleme

20-11-2009, 21:04:23

Arkadaşlar wordpress de bir firma ürün sitesi yapıyorum konu kısmında ürün bilgisi ve tanıtımı var ve cforms ile sipariş forumu ekledim sisteme bunu hemen konu altındaki yorum kısmına ekledim yani bu bölümde yorum yazma kısmı değil cforums ile yaptığım sipaiş formu görünüyor ama benim istediğim

hemen konu altına örneğin Sipariş vermek için tıklayın gibi bişey koymak ve konu altındaki bu butona tıklandığında eklediğim bu sipariş formunun aşağıya doğru açılmasını istiyorum

şuanda her konu altında sipariş forumu görünüyor ama dediğim şekilde olursa sadece kişi Sipariş ver butonuna tıkladığında sipariş formu görünecek hem sayfa kalabalığıda yaratmayacak

bunun için wordpress de bir javascript yada ajax uygulaması varmı acaba

21-11-2009, 03:48:33

#2

~~YILDIRIM~~

Üyeliği durduruldu

Ben sana html + js olarak yazayım. Şimdilik onu kullan istersen.

<html>

<head>

<script type="text/javascript">

function SiparisVer(id) {
var e = document.getElementById(id);
if(e.style.display == 'none')
e.style.display = 'block';
else
e.style.display = 'none';
}

</script>

</head>

<body>

<center>

<a onclick="SiparisVer('div-adresi');"><input type="button" value="Sipariş Ver"></a>

<div id="div-adresi" style=display:none;>

<h1> Bu alana Sipariş Kodlarınızı ekleyiniz </h1>

</div>

</center>

</body>

</html>

21-11-2009, 16:21:01

#3

Blade__

Dostum teşekkürler tam istediğim gibi saolasın

22-11-2009, 00:04:32

#4

~~YILDIRIM~~

Üyeliği durduruldu

jquery ile daha estetik yapmak isterdim ama vaktim olmadı k.bakma.
işine yaradığına sevindim kardeşim.

22-11-2009, 02:28:41

#5

STI

jquery ile

<html>

<head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready( function () {

$('input#but').click(function () {

$('#acilan').fadeIn('slow')


}
)
}
)

</script>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head>

<body>

<center>

<input type="button" id="but"  value="Sipariş Ver">

<div id="acilan" style="display:none">

 <h1>Bu alana Sipariş Kodlarınızı ekleyiniz </h1>

</div>

</center>

</body>

</html>