MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
Esay avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

javascript çakışma sorunu


Sponsor Reklam
media venus

Çevrimdışı Esay
 Tarih: 19-06-2013, Saat:19:19
#1
merhaba arkadaşlar. javascript dilini bilmiyorum, kendi çapımda çözmeye çalıştım ama yapamadım. bilen bir arkadaş yardım ederse sevinirim
bir tasarım için multi-color ve daralt/genişlet özelliği birden istendi.

<head> ve </head> arasındaki kodlar

multi color için böyle kod kullandım, genellikle color değerleri var.

HTML-Kodu:
Kod:
<link rel="alternate stylesheet" type="text/css" title="mavi" href="color/mavi.css" />
<link rel="alternate stylesheet" type="text/css" title="yesil" href="color/yesil.css" />
<link rel="alternate stylesheet" type="text/css" title="kirmizi" href="color/kirmizi.css" />
<script src="color/styleswitch.js" type="text/javascript"></script>
daralt/genişlet için böyle kod kullandım, cssde width değerleri var

HTML-Kodu:
Kod:
<link rel="alternate stylesheet" type="text/css" title="genis" href="genis.css" />
<link rel="alternate stylesheet" type="text/css" title="dar" href="dar.css" />
<script src="styleswitch.js" type="text/javascript"></script>
kodlar:

multi color
HTML-Kodu:
Kod:
<a href="javascript:NoiseStyle('mavi')">mavi</a>
<a href="javascript:NoiseStyle('yesil')">yesil</a>
<a href="javascript:NoiseStyle('kirmizi')">kirmizi</a>
daraltgenislet
HTML-Kodu:
Kod:
<a href="javascript:darrg('dar')">darr</a>
<a href="javascript:darrg('genis')">gens</a>

styleswitch.js dosyaları çakışıyor. şöyle anlatayım.
varsayılan stil css'indeyken daraltıp genişletebiliyorum.
ama diyelim kırmızı multi color css'ının değişme ikonuna tıkladım. kırmızı renk oldu. sonra daralt/genişlete tıklayınca daralt/genişlet ve multi color fonksiyonu yokmuş gibi stil css'indaki width e dönüyor.

multi color styleswitch

HTML-Kodu:
Kod:
function getCookie( name )
{
  
      var start = document.cookie.indexOf( name + "=" );  
      var len = start + name.length + 1;  
      if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) )
      {
        return null;
      }
        if ( start == -1 ) return null;
        var end = document.cookie.indexOf( ';', len );
        if ( end == -1 ) end = document.cookie.length;
        return unescape( document.cookie.substring( len, end ) );
}

function setCookie(name, value, expires)
{
   document.cookie = name + "=" + escape(value) + "; path=/" + ((expires == null) ? "" : "; expires=" + expires.toGMTString());
}

var exp = new Date();    
exp.setTime(exp.getTime() + (1000 * 60 * 60 * 24 * 30));    

function setActivestyleSheet(pTitle)
{
  var vLoop, vLink;
  for(vLoop=0; (vLink = document.getElementsByTagName("link")[vLoop]); vLoop++)
  {
   if(vLink.getAttribute("rel").indexOf("style")!= -1 && vLink.getAttribute("title"))
   {
    vLink.disabled = true;
    if(vLink.getAttribute("title") == pTitle)
    vLink.disabled = false;
   }
  }
}

function NoiseStyle(pTitle)
{
  setActivestyleSheet(pTitle)
  setCookie("mysheet",pTitle, exp);    
}

var pTitle=getCookie("mysheet")
setActivestyleSheet(pTitle)
daraltgenislet styleswitch

HTML-Kodu:
Kod:
function getCookie( name )
{
  
      var start = document.cookie.indexOf( name + "=" );  
      var len = start + name.length + 1;  
      if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) )
      {
        return null;
      }
        if ( start == -1 ) return null;
        var end = document.cookie.indexOf( ';', len );
        if ( end == -1 ) end = document.cookie.length;
        return unescape( document.cookie.substring( len, end ) );
}

function setCookie(name, value, expires)
{
   document.cookie = name + "=" + escape(value) + "; path=/" + ((expires == null) ? "" : "; expires=" + expires.toGMTString());
}

var exps = new Date();    
exps.setTime(exps.getTime() + (1000 * 60 * 60 * 24 * 30));    

function setActivestyleSheet(pTitles)
{
  var vLoops, vLinks;
  for(vLoops=0; (vLinks = document.getElementsByTagName("link")[vLoops]); vLoops++)
  {
   if(vLinks.getAttribute("rel").indexOf("style")!= -1 && vLinks.getAttribute("title"))
   {
    vLinks.disabled = true;
    if(vLinks.getAttribute("title") == pTitles)
    vLinks.disabled = false;
   }
  }
}

function darrg(pTitles)
{
  setActivestyleSheet(pTitles)
  setCookie("dargns",pTitles, exps);    
}

var pTitles=getCookie("dargns")
setActivestyleSheet(pTitles)
Cevapla
Bunu Beğenenler:
Sponsor Reklam
sponsor reklam sponsor reklam

Çevrimdışı Esay
 Tarih: 19-06-2013, Saat:21:34
#2
Bi bakaydınız iyiydi sanki.
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Mybb 1.6.15 Sürümünde Admin Paneli Beyaz Sayfa Sorunu grkm4 2 931 14-09-2014, Saat:18:35
Son Yorum: grkm4
  resim boyutlandırıcı sorunu guveniyorum 4 1,011 10-09-2014, Saat:21:44
Son Yorum: guveniyorum
  Özel Mesaj Alıntı Sorunu LeBeta™ 5 826 02-09-2014, Saat:10:51
Son Yorum: LeBeta™
  [MCTR - 1.6] video sorunu KaTRe 5 917 02-09-2014, Saat:03:38
Son Yorum: KaTRe
  Thead Sorunu Ceeper1 3 810 30-08-2014, Saat:19:31
Son Yorum: Cekoserdar



Konuyu Okuyanlar: 1 Ziyaretçi