Hepsiburda.com benzeri script[ Resmi var]

Web tabanlı uygulama geliştirme araçları(PHP, ASP vb...) ile ilgili konuları buraya yazabilirsiniz.
Cevapla
CpS
Üye
Mesajlar: 15
Kayıt: 18 Tem 2005 09:15

Hepsiburda.com benzeri script[ Resmi var]

Mesaj gönderen CpS »

Resim

Arkadaşlar çok aradım ama bu scripti bulamadım.. Yardımcı olursanız çok sevinirim :(
Kullanıcı avatarı
Murat DİCLE
Kıdemli Üye
Mesajlar: 702
Kayıt: 19 Nis 2006 04:12
Konum: İstanbul
İletişim:

Mesaj gönderen Murat DİCLE »

Merhabalar,

Hepsiburada.com sitesi .NET ile yazılmış ve Atlas bileşenlerini kullanıyor. .NET için AJAX diyebiliriz.

http://www.asp.net sitesinden bil ve gerekli ATLAS indirmelerini yapabilirsin. Şimdiye kadar hiç denemediğim için teknik bilgi veremeyeceğim.

Saygılar..
Kullanıcı avatarı
lazio
Moderator
Mesajlar: 1526
Kayıt: 11 Tem 2003 04:55
Konum: İstanbul

Mesaj gönderen lazio »

Muhtemelen <div> show ediliyor.. ajax la bu işler çok zevkli ama uğraştırıcı..
:ara ajax
Resim

..::|YeşilMavi|::..
shadowmann
Üye
Mesajlar: 508
Kayıt: 30 Oca 2004 10:49

Mesaj gönderen shadowmann »

Soru çok açık değil ama eğer doğru anladıysam dialog box ı soruyorsunuz.
Bunun için ücretsiz olan mono dialog iyidir.
Bağlantı.
Download
Kullanımı
CpS
Üye
Mesajlar: 15
Kayıt: 18 Tem 2005 09:15

Olumsuz örnek

Mesaj gönderen CpS »

Arkadaşlar resimde gördüğünüz gibi Bir dialog penceresi çıkıyor.. ve sayfanın tamamanı etkisiz hale getiriyor.. Verdiğiniz örnek için teşekkür ederim ama örnek tamamen farklı bişey..

Yani bi pencere açlıyo içine bilgi girebiliyosun.. Bunun içine adres bilgileri felanda giriliyor yani bi çeşit içine html sayfası açıyor. Çok şey mi istiyorum bilmiyorum ama yardımlarınız için şimdiden teşekkür ederim..
Kullanıcı avatarı
Murat DİCLE
Kıdemli Üye
Mesajlar: 702
Kayıt: 19 Nis 2006 04:12
Konum: İstanbul
İletişim:

Mesaj gönderen Murat DİCLE »

Sayın canım ciğerim CpS,

Özür dileriz, yeterli olamadığımız için.

Kod: Tümünü seç

<HTML>
<HEAD>
<TITLE>CpS abi özür dileriz.</TITLE>

<script>
function kapat()
{
   CpS.style.visibility = "hidden";
}

function goster()
{
   if (CpS.style.visibility == "visible") 
      alert("zaten ekranda açık duruyor");
   else
      CpS.style.visibility = "visible";
}

function gosterveyaz()
{
   if (CpS.style.visibility == "visible") 
      alert("zaten ekranda açık duruyor");
   else
      {
      CpS.innerHTML = "merhaba dünya. beni kapatmak için <a href='#' onclick='kapat()'>TIKLA</a>";
      CpS.style.visibility = "visible";
      }
}

function gosterveAL()
{
   if (CpS.style.visibility == "visible") 
      alert("zaten ekranda açık duruyor");
   else
      {
      CpS.innerHTML = "kapatmak için <a href='#' onclick='kapat()'>TIKLA</a>" + 
                      "<iframe src='http://www.musonya.com' frameborder=0></iframe";
      CpS.style.visibility = "visible";
      }
}


</script>
</HEAD>
<BODY style="font-family:tahoma;font-size:12px;" bgcolor="#FFFFFF">

<!-
   Önce ekrana çıkacak, pencere ayarını yapıyorum.
   Script olarak içeriden de genişlğini vs. değiştirmemiz mümükün.
   Bu örnekte sadece görünsün/görünmesin diyeceğiz.
-->

<!-- Style komutunu ayrı ayrı yapmamın sebebi anlaşılır olması içindir.
     siz tek seferde yazabilirsiniz.
     Style="left:100px;top:100px;background-color:yellow;" gibi. -->

<div id=CpS 
     name=CpS 
     style="visibility:hidden;"
     style="position:absolute;"
     style="left:100px; top:100px;"
     style="background-color:yellow;"
     style="border:1px solid black;"
     style="padding:5 5 5 5;width:300;height:200;">

<span style="width:100%;background-color:black;"
      style="color:white;font-weight:bold;padding:3 3 3 3;">

<a style="text-decoration:none;color:aqua;" 
   href="#" 
   onclick="kapat()">[X]</a>
&nbsp;Yorum şeyedin..</span>

<form>
Adınız: <input type=textbox name=adi><br>
Soyadınız: <input type=textbox name=soyadi><br>
Telefonunuz: <input type=textbox name=telefon><br>
Yorumunuz <input type=textbox name=yorum><br>
<input type=submit name=gonder value="Gönder">
</form>
</div>

Vay anasını sayın seyirciler, şimdi siz bir yorum yazmak istiyorsanız eğer aşağıdaki şeylerden birine tıklayınız.<br><br>
<a href="#" onclick="goster()">Yorum penceresi</a><br><br>
<input type=button onclick="goster()" value="Yorum penceresi"> 
<br><br><br>
<a href="#" onclick="gosterveyaz()">Pencereyi açalım ve içine içerden bişiler yazalım..</a>
<br><br>
<a href="#" onclick="gosterveAL()">Başka bir adresten IFRAME ile bilgi çekelim.</a>

<!--CpS adlı pencerede innerHTML ile değişiklik yapıldıktan sonra öylece kalır, tekrar eski haline dönmez -->

</BODY>
</HTML>
ilgili keyvörtler: Ajax, javaScript, beleşçilik, nazar, etme, ne, olur, çalış, senin, de, olur., biz, bilmiyoz, sen, biliyon.

Saygılar ;)
shadowmann
Üye
Mesajlar: 508
Kayıt: 30 Oca 2004 10:49

Mesaj gönderen shadowmann »

Hocam siz yazdığım linklere bakmamışsınız. Hala aynı şeyleri yazıp duruyorsun. Monodialog' un sitesinde aynen dedigin örnek ve aboutdelphi de de bunun kullanımı adım adım anlatılmış.Hiç araştırma yapmadan yazmışsın gibi.
CpS
Üye
Mesajlar: 15
Kayıt: 18 Tem 2005 09:15

Teşekkür

Mesaj gönderen CpS »

Ya hem özür diliyorum ama çok teşekkür ederim ya işte aradığım buydu..
ilgilenen arkadaşlar saolsun süpersiniz..
penguen
Üye
Mesajlar: 93
Kayıt: 31 Mar 2006 11:58

Mesaj gönderen penguen »

Bende bu örnege benzer birsey arıyorum ama bulamadım. Sizden fikir almaz istedim.

Ösym Sitesindeki TC Kimlik no sorgu Ekranı çıktıgında arka kısım kararıyor ve arka planda kalan sayfada işlem yapılamıyor. Bu durumu hangi metodla yaptıklarını bulamadım.
Arka planın kararması ve işlevsiz hale getirmek istiyorum...

Bilginiz varsa paylaşabilir misiniz?
Kullanıcı avatarı
Murat DİCLE
Kıdemli Üye
Mesajlar: 702
Kayıt: 19 Nis 2006 04:12
Konum: İstanbul
İletişim:

Mesaj gönderen Murat DİCLE »

Tam ekran bir DIV ya da SPAN açıyorsun, içinde bir tablo koyup alt resim olarak transparan birşey seçiyordun üstünede istediğin form oturtursun. Ya da JavaScript ile istediğin resmin transparent değerini değiştirebiliyorsun.

Bu işler için en iyi yöntem AJAX kütüphanelerini kullanmaktır. Öyle eskisi gibi herşey için Script yazmak zor oluyor.
penguen
Üye
Mesajlar: 93
Kayıt: 31 Mar 2006 11:58

Mesaj gönderen penguen »

Tam ekran bir DIV ya da SPAN açıyorsun, içinde bir tablo koyup alt resim olarak transparan birşey seçiyordun üstünede istediğin form oturtursun. Ya da JavaScript ile istediğin resmin transparent değerini değiştirebiliyorsun.

Bu işler için en iyi yöntem AJAX kütüphanelerini kullanmaktır. Öyle eskisi gibi herşey için Script yazmak zor oluyor.
Bu konuyu acabilir misin? Ben asp kullanmıyorum. Kodun eski olmasına karşın ben yenı ogrenıyorum jsp ile kullanma imkanımız mevcut mu?
Kullanıcı avatarı
Murat DİCLE
Kıdemli Üye
Mesajlar: 702
Kayıt: 19 Nis 2006 04:12
Konum: İstanbul
İletişim:

Mesaj gönderen Murat DİCLE »

AJAX denilen şey aslında JAVA SCRIPT KÜTÜPHANsinden başka birşey değildir.

Sizin bahsettiğiniz gibi işlemleri kolayca yapabilmek hazır kütüphanelerdir. Bir anlamda TARAYICILAR için component diyebilriz.

hayatımda hiç kullanmadım ama muhtemelen şöyle bir kullanım şekli vardır.

Kod: Tümünü seç

<script src="/ajaxlibrary/windowstools/popup.jsp"></script>
.
.
.
a href="#" onlick="DoHelloWorld(10, 10)">Merhaba Dünya<a>
.
.
a href="#" onlick="DoShowMessage(10, 10, 'TEST TITLE', 'Test mesaj. merhabalar')">Deneme mesajıdır<a>
.
.
Tabi bu örnek tamamen atmasyon kütüphane bilgileri içeriyor. Sadece tahminimce AJAX denilen şeyin kullanımı ile ilgili bir şey. Sadece AJAX'ın ne kadar kolay kullanılabileceğine örnek vermek isredim. Gördüğün gibi ortada JavaScript kodları yok, onlar senin WEB dizinindeki bir klasördeler ve sen gerekli olan kütüphaneyi çekiyorsun.

Kolay gelsin.
shadowmann
Üye
Mesajlar: 508
Kayıt: 30 Oca 2004 10:49

Mesaj gönderen shadowmann »

Üstte gönderdiğim linki kimsenin incelemediği anlaşılıyor. Adamlar ücretsiz komponent hazırlamışlar bunun için örnekleri de çok güzel . İstiyorsanız gönderin projeyi biz diyalog kısımlarını ekleyip geri gönderelim. :D
Kullanıcı avatarı
mege
Admin
Mesajlar: 2360
Kayıt: 05 Şub 2004 04:32
Konum: Beşiktaş
İletişim:

Mesaj gönderen mege »

nette rastladımda konuyla alakası olabilir.
http://earthcode.com/blog/2006/04/light ... alogs.html

sonradan gelen edit:
http://jquery.com/demo/thickbox/#examples iframed content kısmına bakın
.-.-.-.-.-.-.-. ^_^
Cevapla