PDA

Orijinalini görmek için tıklayınız : Jquery Menuyu Siteye Ekleme



Osman Erdi
08-02-2012, 00:11
Merhaba herkese , bu konu herhangi bir eklenti ilede ilgili değil sadece internette buldum bir accordion menu var Simple JQuery Accordion menu (http://www.i-marco.nl/weblog/jquery-accordion-menu/) link bu ayrıca konuya source kodlarınıda ekliycem :) , bu menunun tum dosyaları elimde mevcut , istediğim şey bu menuyu sitemin herhangi bir modülünde görüntülüyebilmek , Menünün linklerini , menünün kendi kodlarının içinden vericem tabiki sonuçta , menüyü eklenti haline geitrmek zor olur, bu konuda yardım edebilecek varmı :)

349

Osman Erdi
08-02-2012, 03:08
Ben yeni modül oluşturma ilgili araştırma yaptım şimdi yapmak sitediğim şeye bayabir yaklaştım şimdi tek sorun;

<script src="jquery-1.2.1.min.js" type="text/javascript"></script>
<script src="menu.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Simple JQuery Accordion menu</title>
<!--[if lt IE 8]>
<style type="text/css">
li a {display:inline-block;}
li a {display:block;}
</style>
<![endif]-->
</head>
Bu header kısmını modül dosylarımın neresine eklemem gerektiği ... Modülü sitenin anasayfasında yayınladım ama sadece menünün linkleri görünüyor yani , css ve .js dosylarını göremiyor, ben buraya benim yaptığım basit modülün dosyalarınıda yukleyeyim incelemeniz açısından
Ayrıca xml içinde tüm css ve.sjs dosyalarımı tanımladım şu şekilde

<filename module="mod_osm_accordion">mod_osm_accordion.php</filename>
<filename module="mod_osm_accordion">index.html</filename>
<filename module="mod_osm_accordion">jquery-1.2.1.min.js</filename>
<filename module="mod_osm_accordion">menu.js</filename>
<filename module="mod_osm_accordion">menu-collapsed.js</filename>
<filename module="mod_osm_accordion">style.css</filename>
Bütün dosyalar /modules/mod_osm_accordion/[burada bulunuyor]

Sitemin anasayfasındaki eklediğim (css ve.js siz çalışan) menü modülünü görebilmek için tıklayınız (http://www.cihandaislam.com)

Osman Erdi
08-02-2012, 04:01
Yeni bir gelişme daha oldu şimdi benim <head></head> kodları arasında css dosyası yolunu şu şekilde tanımlıyordum ;


<link rel="stylesheet" type="text/css" href="style.css" />

ancak bunun yerine aşağıdaki şekilde import ettiğimde bu sfer menu css kodlarını görmeye başladı


<style type="text/css">
@import "http://www.siteadı.com/modules/mod_osm_accordion/style.css";
</style>


Şimdi sıra geldi

<script src="jquery-1.2.1.min.js" type="text/javascript"></script>
<script src="menu.js" type="text/javascript"></script>

Bu iki dosyayı menü ile ilişkilendirmeyi başarmaya :D


<html>
<head>
<script src="jquery-1.2.1.min.js" type="text/javascript"></script>
<script src="menu.js" type="text/javascript"></script>
<style type="text/css">
@import "http://www.siteadı.com/modules/mod_osm_accordion/style.css";
</style>

</head>
<body>

<ul id="menu">
<li>
<a href="#">Weblog Tools</a>
<ul>
<li><a href="http://www.pivotx.net/">PivotX</a></li>
<li><a href="http://www.wordpress.org/">WordPress</a></li>
<li><a href="http://www.textpattern.com/">Textpattern</a></li>
<li><a href="http://typosphere.org/">Typo</a></li>
</ul>


</body>
</html>

<script src="jquery-1.2.1.min.js" type="text/javascript"></script>
<script src="menu.js" type="text/javascript"></script>
.js dosyalarını nasıl ekleyebilirim? yuakrıdaki şekilde kaolınca işlemiyorlar sitedede görebilirsiniz

Osman Erdi
08-02-2012, 04:18
Evet bu sorunuda hallettik :D Birşey fark ettim yarın okuyanlar olur bu konuyuda şimdi ben genelde gece çalıştığım için pek kimse olmuyor , bu nedenle konuları ben kendi kedime cevaplamaya çalışırken sonuca ulaşıyorum ,

<script src="jquery-1.2.1.min.js" type="text/javascript"></script>
<script src="menu.js" type="text/javascript"></script>

bu kodların "src" yollarını http://www.siteadu.com/modules/mod_osm_accordion/dosya_adı.js

şeklinde kaydettim sorun çözüldü;

Ancak aynı klasör altında olmalarına rağmen neden <script src="jquery-1.2.1.min.js" type="text/javascript"></script> bu şekilde kodlara ulaşamadığını anlamış değilim açıkçası o konuya bir açıklama getirebilecek varsa çok sevinirim?

Osman Erdi
08-02-2012, 15:47
Bu son sorunuda şu şekilde çözdüm arkadaşlar;

<script type="text/javascript" src="/modules/mod_osm_accordion/libsacc/jquery-1.2.1.min.js"></script>

Bu şekilde tüm sitelerle uyumlu çalışıyor , jQuery çakışmaları oluyordu bazı eklentiler ile onlarıda giderdim isteyen modlünü kullanabilir, Bu accordion menu modülünde linkleri değiştirmek için;

sitenizin ftp dizinine girip "/modules/mod_osm_accordion/mod_osm_accordion.php" bu adrseteki dosyanın içini düzenlemeniz gerekiyor zaten azbişey html bilgisi olan yapabilir :)