Div içinde link kullanımı

burak0692 · 11 Nisan 2012

Selam arkadaşlar bugün bu 2.konum web sitesi hakkında şimdiki sorum şu daha önceden de sormuştum ama yapamadım maalesef.

Aşşağıdaki resimdeki gibi sol taraftaki menüden veya üst taraftaki menüden linklere tıkladığımda sayfa değişmeyecek. Sadece ortadaki pembe alan değişecek.
Yani linklere tıkladığımda yeni sayfa olarak değil sayfa değişmeden sadece ortadaki div de açılacak. Daha önceden kod olarak yardımcı oldunuz ama yapamadım. Tekrar anlatırsanız sevinirim.

bellagio · 11 Nisan 2012

save as yöntemi yapabilirsiniz hocam sayfayı farklı kaydederek sadece ortadaki pembe alanı değiştirebilirsiniz ama alan artar bu şekilde yada
ortaya div koyup link verilebilir yada iframe

SoftGe · 11 Nisan 2012

bildiğim kadarı ile bunu ortada frame kullanarak,
<iframe name="oku"> </iframe>
şeklinde
<a href='link.html' target='oku' >tıkla</a>

böyle diye biliyorum

yamandogan · 11 Nisan 2012

NASIL OLUYOR Kİ

crescent · 11 Nisan 2012

bu işi tabiki en iyi iframe kodu yapar çelikumut kodları yazmış,
bende kendi sitemede iframe kullanıyorum güncellerken de kolaylık oluyor

ertann83 · 11 Nisan 2012

jquery'de ajax fonksiyonunu kullanabilirsin. çok zor birşey değil biraz araştır ajax diye.

glimmer · 11 Nisan 2012

i frame kesinlikle

halilturkoglu · 11 Nisan 2012

<a href=# onclick="javascript:JXG('sayfa.html','divadi');">Link Adı</a>
gibi bir kod kullanabilirsiniz hocam. Burada JXG() ajax ile sayfa yüklemesi yapmak için kullanacağınız fonksiyon. Bir ara kodları bende vardı ama şu an nerede olduğunu bilmediğim için gönderemiyorum. JQuery ile de çok rahat bir şekilde yapabilirsiniz.
Ama link in kullanımı bu şekilde.

burak0692 · 12 Nisan 2012

maalesef yine yapamadım ortadaki divin içinde açmayı.. Kodları bunlar tekrar yardımcı olursanız sevinirim.

Kodların hepsi aşşağıdaki ortadaki Divin Adı #Main

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Azem Halı Yıkama</title>

<style type="text/css">
a:link {text-decoration: none; color: white;}
a:hover {text-decoration: underline; color: white;}

*{
padding:0px;
margin:0px;}
#sayfa{
top: auto;
right: auto;
color:#FFFFFF;
background-color:#FF0033;
margin-top: 5px;
margin-right: 100px;
margin-bottom: 5px;
margin-left: 100px;

}
#banner{
height:200px;
background-color:#FF0033;
width:1137px;
padding: 5px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#nav{
float:left;
background-color:#FF0000
padding: 0px;
height: 700px;
margin: 5px;
border: 1px solid #000000;
width: 20%;
font-style: normal;
font-weight: bold;
color:#FFFFFF;

}
#main{
float:left;
width: 52%;
background-color:#FFFFFF;
padding: 0px;
margin: 5px;
border: 1px solid #000000;
height: 700px;
}
#side{
float:left;
background-color:#FF0033;
height: 700px;
margin: 5px;
border: 1px solid #000000;
width:24%
}
#footer{
color: #000000;
background-color: #FFFFFF;
margin: 5px;
height: 30px;
border:1px solid #000000;
clear: left;
padding: 5px;
width:%30;
}

.stil18 {
font-weight: bold;
color: #FF0000;
}
body,td,th {
color: #FFFFFF;
}
a:visited {
color: #FFFFFF;
text-decoration: none;
}
a:active {
color: #FFFFFF;
text-decoration: none;
}
.stil19 {color: #000000}
.stil20 {
color: #FF0000;
font-style: italic;
}
.stil21 {
color: #FF0033;
font-style: italic;
}
.stil23 {color: #FF0033}
.stil24 {color: #000000; font-style: italic; }
.stil27 {
font-size: 24px;
font-style: italic;
}
</style>

</head>

<body>
<div id="sayfa">
<div id="banner">
 
 
<img src="Resimler/logo.png" width="744" height="117" />
0.312 314 04 42
azemhaliyikama@hotmail.com.tr
 
</div>
<table width="1146" border="1">
<tr>

<td height="24" class="stil1"><div align="center"><a href="index.htm.html">Anasayfa</a></div></td>
<td class="stil1"><div align="center">Hakkımızda</div></td>
<td class="stil1"><div align="center">Fiyatlarımız</div></td>
<td class="stil1"><div align="center"><a href="fotogaleri.html">Foto Galeri</a></div></td>
<td class="stil1"><div align="center">İletişim</div></td>
<td class="stil1"><div align="center"><a href="iletisimformu.html" target="_blank" > İletişim Formu</a></div></td>
</tr>
</table>
<div id="nav">
<div align="center" class="stil4">
Hizmetlerimiz
 
<blockquote>
Halı Yıkama
 
Yerinde Halı Yıkama
 
Overlok
 
Ev Temizlik Hizmetleri
 
Yatak Yıkama
 
Perde Yıkama
 
Yorgan Yıkama
 
</blockquote>
-----------------------------------

 
Doğru Adrestesiniz 



<img src="Anasayfaresimleri/8.png" alt="" align="left" width="230" height="300">  
</div>
</div>
<div class="stil6 stil18 stil19" id="main">
 
 
 
 
 
Azem Halı Yıkama Web Sitesine Hoş Geldiniz.
 
Hijyenik, garantili yerinde halı yıkama, koltuk yıkama ve 
temizlik hizmeti anlayışıyla, cazip fiyatlarımız, zamanında
teslimat, dürüst hizmet anlayışıyla, dört mevsim sizlerle
hizmetteyiz.
 
Fabrikmızda son sistem santfruj kurutma ve havalandırma
sonrasında ambalanajlanarak adresinize teslim edilen
halılarınızın ışıltısını ve Bahar kokusunu 
hissedeceksiniz.
  
Fabrika, evinize gelen ücretsiz servis aracımız halılarınızı
makbuz karşılığı teslim alır. Cinsine ve Özelliğine göre
ayırt edilen halı; halılar üzerinde yaşayan, gözle
görülemeyen fakat sayıları yüzbinleri bulan ev
tozu akarlarına karşı etkili dezenfektan
karışımlı özel kimyasallarımız ile 
sektörde kabul görmüş en iyi
makina, sistem ve işcilik
ile derin bir temizlikten
geçer.
 
 
 

</div>
<div id="side">
<div align="center">
Bizden Haberler
 
 
<marquee align="middle" scrollamount="1" height="100" width="100%" direction="up" scrolldelay="1" style="color:#FFFFFF;">
 Site Yapım Aşamasındadır. 
 
İletişim burak_ozel@hotmail.com.tr 


</marquee>
 
 
 
-------------------------------------
 </div>
 
burak
</div>
 

<table width="1145" border="1">
<tr>
<td><div align="center">Anasayfa</div></td>
<td><div align="center">Hakkımızda</div></td>
<td><div align="center">Fiyatlarımız</div></td>
<td><div align="center">Foto Galeri</div></td>
<td><div align="center">İletişim</div></td>
<td><div align="center">İletişim Formu</div></td>
</tr>
</table>
 
</div>
</body>
</html>

burak0692 · 13 Nisan 2012

kimse yokmu yardımedebilecek

Div içinde link kullanımı

burak0692

Site Gezgini

bellagio

Seçkin Üye

SoftGe

Süper Üye

yamandogan

Seçkin Üye

crescent

Aktif Üye

ertann83

Seçkin Üye

glimmer

Üye

halilturkoglu

Seçkin Üye

burak0692

Site Gezgini

burak0692

Site Gezgini