Pop-up'dan Anasayfaya Veri Gönderme
2008-03-12 00:23:00
Birçoğumuz dinamik web sayfaları oluştururken temel javascript yapısı kullanırız. Bu yazımda ana sayfadan açılan pop pencereden anasayfaya veri gönderme üzerine konuşacağım.Pop-up'dan Anasayfaya Veri GöndermeAna sayfa kodlarımızı hazırlayıp ana_pencere.html olarak kaydedelim.Bu sayfa pop penceresinden gelen veriyi işleyecek.
Konumuz php dışında ama dinamik içerik için çok kullanışlı bir yöntem.
Bir de ajax olursa yanında tadından yenmez. Lafı uzatmadan kodlara geçelim
ana_pencere.html
<html>
<head>
<script language="javascript">
var newpage;
function yeniYap(){
if(!newpage||newpage.closed){
newpage=window.open('pop.html','','centerscreen=yes,
menuBar=0,toolbar=1,scrollbar=0,
location=0,width=300,height=300,centerscreen=yes,left=100');
newpage.document.close();
}
}
function kapat(){
if(newpage&&!newpage.closed){
newpage.close();
}
}
</script>
</head>
<body bgcolor="#FFFFFF">
<form>
<input type="button" value="Ac" onClick="yeniYap()">
<input type="button" value="kapat" onClick="kapat()">
<input type="text" id="deneme" value="deneme yazısı" >
</form>
</body>
</html>
Bu da açılan popup olsun. oda pop.html olsun
pop.html
<html>
<head>
<title>pop denemesi</title>
<script language="javascript">
function degeri_al(i)
{
var o=window.opener.document.getElementById('deneme');
o.value=i;
}
</script>
</head>
<body bgcolor="#FFFFFF">
<a href="javascript:degeri_al('secilen_deger')">secilecek deger</a>
</body>
</html>
Böylelikle açılan pop dan anasayfaya veri göndermiş olduk.
window.opener tutamakı (handle) bize anasayfa elementlerine ulaşma imkanı veriyor.
Aynı şekilde anasayfadaki bir fonksiyonu
window.opener.fonksiyon_ismi() gibi bir kullanımla tetikleyebiliyorsunuz.
Bu makale 292 kere okunmuş.