Merhaba, Ziyaretçi. Lütfen giriş yapın veya üye olun.
Aktivasyon mailiniz gelmediyse buraya tıklayın.
06, 2008, 06:14:59 pm
 42719 Mesaj 8080 Konu Gönderen: 17917 Üye
Son üye: halukakin
Turk-Php.Com Forum  |  Yardım Forumları  |  HTML & JavaScript & XML Forumu  |  Açılır Kategori « önceki sonraki »
Sayfa: [1] Yazdır
Yazan Konu: Açılır Kategori  (Okunma Sayısı 425 defa)
ccihan
Yeni Kullanıcılar
*
Offline Offline

Mesaj Sayısı: 18


Üyelik Bilgileri WWW
Açılır Kategori
« : 12, 2007, 10:49:34 am »
merhabalar herkese
benim yapmak istediğim bir haber sitesi var fakat haber7 deki gibi kategorinin üzerine gelince haberlerde sağa doğru açılsın istiyorum.
yardımşarınız için şimdiden teşekkürler
Logged
raincu
PHP Stajyeri
**
Offline Offline

Mesaj Sayısı: 381


Php<I


Üyelik Bilgileri WWW
Ynt: Açılır Kategori
« Yanıtla #1 : 12, 2007, 01:41:07 pm »

alttaki adresten bakıver sanırım vardır bir örneği..

http://www.dynamicdrive.com/dynamicindex1/index.html
Logged
ANLADIM İŞİ ; SANAT ALLAH I ARAMAKMIŞ ! GERİSİ BOŞ, ÇELİK ÇOMAKMIŞ.. (nfk)
ccihan
Yeni Kullanıcılar
*
Offline Offline

Mesaj Sayısı: 18


Üyelik Bilgileri WWW
Ynt: Açılır Kategori
« Yanıtla #2 : 12, 2007, 05:24:40 pm »
teşekkürler fakat oraya baktım orada yok.
büyük ihtimal javascript ile yapılacak ama javascipt ile msql sorgu işini çözemedim.

Alıntı
<script language="javascript">
<!--
var tarayici= navigator.appName;
//var menuustu=217;
var menuustu=136;
var menueni=115;
var tabloeni=780;
var sayfaeni=0;

/*
var menuustu=226;
var menueni=126;
var tabloeni=780;
*/

var sol,ust,sayfaeni;
var layermevcut=false;


function goster(etiket,menuno) {
  if (document.getElementById("arsiv")=="[object]") document.getElementById("arsiv").style.visibility  = "hidden";
  layermevcut=false;
  if ((document.all)||(tarayici=="Netscape")) {
    if (document.all) if (document.getElementById(etiket)=="[object]") {
      sayfaeni = document.body.offsetWidth;
      layermevcut=true;
    }
    if (tarayici=="Netscape") if (document.getElementById(etiket)=="[object HTMLDivElement]") {
      sayfaeni = window.innerWidth;
      layermevcut=true;
    }

    sol = menueni;
    if (sayfaeni<tabloeni) {ust = menuustu + (21*menuno) ; }
    else { ust = menuustu + (21*menuno);}
//     else { sol = ((sayfaeni-tabloeni)/2)+ menueni - 80; }
   //alert (ust + " : " + sol + " : " + sayfaeni + " : " + tabloeni );
    if (layermevcut) {
      document.getElementById(etiket).style.top = ust;
      document.getElementById(etiket).style.left = sol;
      document.getElementById(etiket).style.visibility = "visible";
    }
  }
}

function gizle(etiket) {
  if (document.getElementById("arsiv")=="[object]") {
    document.getElementById("arsiv").style.left = ((sayfaeni-tabloeni)/2)+75;
    document.getElementById("arsiv").style.visibility  = "visible"; 
  }
  if (document.all) {
    if (document.getElementById(etiket)=="[object]") document.getElementById(etiket).style.visibility = "hidden"; 
  }
  if (tarayici=="Netscape") {
    if (document.getElementById(etiket)=="[object HTMLDivElement]") document.getElementById(etiket).style.visibility = "hidden";
  }
}
-->
</script>

böyle bir kod var ama bunun ile nasıl msql  ile alakalandıracağım
Logged
BotanGuner
PHP Öğrencisi
*
Offline Offline

Mesaj Sayısı: 106



Üyelik Bilgileri WWW
Ynt: Açılır Kategori
« Yanıtla #3 : 16, 2007, 05:09:29 am »
Selam, genelde bu tarz menülerin mantığı DIV veya UL ve LI gibi html taglerinin CSS ile düzenlenmesiyle oluşturulur burada JavaScript sadece gösterip gizleme aşamasında devreye girer. Alt menüler veya ana menüler html tagleri içerisinde olduğu için herhangi bir veritabanından gelen veriyi buraya yazdırarak oluşturabilirsin.
Örn.
Menü için css,
Kod:
<style type="text/css">
ul.anaMenu {
list-style:none;
border:1px solid #000000;
background-color:#EAEAEA;
width:100px;
padding:5px;
font-weight:bold;
cursor:pointer;
}
ul.altMenu {
position:absolute;
left:100px;
list-style:none;
border:1px solid #000000;
background-color:#C0C0C0;
width:100px;
padding:5px;
}
</style>

Alt menüleri gösterip gizlemek için kullandığım javascript,
Kod:
<script type="text/javascript">
function gosterGizle(neyi) {
var nesne = document.getElementById(neyi);
var durum = (nesne.style.visibility=="hidden")?"visible":"hidden";
nesne.style.visibility=durum;
}
</script>

Menüyü oluşturan html+php kodu ben burda veriyi array içinden aldım veritabanından gelende olabilir tabiki.

Kod:
<body>
<?php
$anaMenu_arr = array("Ana Sayfa",array("Haberler","Son Dakika","Spor","Politika","Teknoloji"),"Linkler","İletişim");
?>
<ul class="anaMenu">
<?php
foreach($anaMenu_arr as $menuBasligi)
{
 if(!is_array($menuBasligi)) {
   echo "<li>".$menuBasligi."</li>";
 } else {
 echo "<li onMouseOver='gosterGizle(\"$menuBasligi[0]_altMenu\");' onMouseOut='gosterGizle(\"$menuBasligi[0]_altMenu\");'>
<ul class='altMenu' id='$menuBasligi[0]_altMenu' style='visibility:hidden; cursor:pointer;'>";
 for($i=1;$i<count($menuBasligi);$i++) {
 echo "<li>$menuBasligi[$i]</li>";
 }
 echo "</ul>$menuBasligi[0]</li>";
 }
}
?>
</ul>
</body>

Tamamı,
Kod:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>UL LI Menü</title>
<style type="text/css">
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
ul.anaMenu {
list-style:none;
border:1px solid #000000;
background-color:#EAEAEA;
width:100px;
padding:5px;
font-weight:bold;
cursor:pointer;
}
ul.altMenu {
position:absolute;
left:100px;
list-style:none;
border:1px solid #000000;
background-color:#C0C0C0;
width:100px;
padding:5px;
}
</style>
<script type="text/javascript">
function gosterGizle(neyi) {
var nesne = document.getElementById(neyi);
var durum = (nesne.style.visibility=="hidden")?"visible":"hidden";
nesne.style.visibility=durum;
}
</script>
</head>

<body>
<?php
$anaMenu_arr = array("Ana Sayfa",array("Haberler","Son Dakika","Spor","Politika","Teknoloji"),"Linkler","İletişim");
?>
<ul class="anaMenu">
<?php
foreach($anaMenu_arr as $menuBasligi)
{
 if(!is_array($menuBasligi)) {
   echo "<li>".$menuBasligi."</li>";
 } else {
 echo "<li onMouseOver='gosterGizle(\"$menuBasligi[0]_altMenu\");' onMouseOut='gosterGizle(\"$menuBasligi[0]_altMenu\");'>
<ul class='altMenu' id='$menuBasligi[0]_altMenu' style='visibility:hidden; cursor:pointer;'>";
 for($i=1;$i<count($menuBasligi);$i++) {
 echo "<li>$menuBasligi[$i]</li>";
 }
 echo "</ul>$menuBasligi[0]</li>";
 }
}
?>
</ul>
</body>
</html>
Logged
Sayfa: [1] Yazdır 
« önceki sonraki »
Gitmek istediğiniz yer:  


MySQL ile Güçlendirildi PHP ile Güçlendirildi XHTML 1.0 Geçerli! CSS Geçerli!
Turk-Php.Com Forum | SMF Forum Software © 2005, Simple Machines LLC. All Rights Reserved.