Sipariş sorgu sayfası oluşturursunuz. Bu sayfaya iframe ile form sayfasını eklersiniz. Form sayfasında kutucuk olur ve gerekli kodlar ile sorgu gerçekleştirilebilir.
Ben size Wordpress blogunuzda oluşturacağınız sayfanın kodunu ve form sayfasının kodunu yazayım. Form sayfasının dosyası form.php olsun.
Burada form.php dosyasının bulunduğu yeri doğru belirtiniz.
Form sayfası içeriği:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" /> <script type="text/javascript"> function siparis_durum(){ var siparis_no = document.getElementById("siparis_no").value; var w = "800"; var h = "500"; var left = (screen.width/2)-(w/2); var top = (screen.height/2)-(h/2); window.open("http://www.siteadi.com/sipariş/"+siparis_no, "Sipariş Sorgu Sonucu", 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left); } </script> </head> <body> <input type="text" id="siparis_no" /><br /> <button onclick="siparis_durum();">Sipariş Durumu</button> </body> </html>
Bu kodda belki beğenmeyeceğiniz şey, sipariş sayfası yeni sekme olarak değil, yeni pencere olarak açılıyor. Genişlik ve yükseklik 800px ve 500px, ama siz istediğiniz gibi değiştirbilirsiniz ve ekranın ortasında açılması güzel bence.
---------------
Yeni sekmede açılmasını istiyorsanız o zaman blogda oluşturacağınız sayfanın içeriği:
Ben size Wordpress blogunuzda oluşturacağınız sayfanın kodunu ve form sayfasının kodunu yazayım. Form sayfasının dosyası form.php olsun.
Sipariş sorgu sayfası içeriği:
<iframe src="http://www.siteadi.com/form.php" width="400" height="100"></iframe>
Burada form.php dosyasının bulunduğu yeri doğru belirtiniz.
Form sayfası içeriği:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
<script type="text/javascript">
function siparis_durum(){
var siparis_no = document.getElementById("siparis_no").value;
var w = "800";
var h = "500";
var left = (screen.width/2)-(w/2);
var top = (screen.height/2)-(h/2);
window.open("http://www.siteadi.com/sipariş/"+siparis_no, "Sipariş Sorgu Sonucu", 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
}
</script>
</head>
<body>
<input type="text" id="siparis_no" /><br />
<button onclick="siparis_durum();">Sipariş Durumu</button>
</body>
</html>
Bu kodda belki beğenmeyeceğiniz şey, sipariş sayfası yeni sekme olarak değil, yeni pencere olarak açılıyor. Genişlik ve yükseklik 800px ve 500px, ama siz istediğiniz gibi değiştirbilirsiniz ve ekranın ortasında açılması güzel bence.
---------------
Yeni sekmede açılmasını istiyorsanız o zaman blogda oluşturacağınız sayfanın içeriği:
<form action="" method="POST" target="_blank">
<input type="text" name="siparis_no" /><br />
<input type="submit" value="Sipariş Durumu" />
</form>
Bir de yeni sayfa oluşturursunuz. Onun içeriğini yine frame ilewww.siteadi.com/sipariş/11581 sayfası ile dolduracağız.
Onun içeriği şu şekilde olabilir. Tabi php de kullanılacak.
<?php
if (is_numeric($_POST['siparis_no'])){
$siparis_no = $_POST['siparis_no'];
?>
<iframe src="http://www.siteadi.com/sipariş/<?=$siparis_no?>" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="0"></iframe>
<?php
}
?>
--------------
Görsel olarak ufak düzenlemeler yapılabilir. Ben işlev açısından işinize yarayacağını düşünüyorum.
< Bu mesaj bu kişi tarafından değiştirildi nihattr -- 7 Nisan 2015; 22:24:27 >
< Bu ileti tablet sürüm kullanılarak atıldı >
Bu mesajda bahsedilenler: @gulprens