Click here to Skip to main content
15,886,060 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
hello;
The following codes are chrome also works without problems. However explorer is not working. no smooth transition.I could not find the problem

XML
<script type="text/javascript" src="sorgular/jquery.min.js"></script>
<script type="text/javascript" src="js/hrktbaslajs.js"></script>
<script type="text/javascript">
hrktbaslajs.addDiv('Anasayfa','fade=1,height=300px,group=menuler')
hrktbaslajs.addDiv('Depokiralama','fade=1,height=300px,group=menuler')
hrktbaslajs.addDiv('Tasima','fade=1,height=300px,group=menuler')
hrktbaslajs.addDiv('Nakliye','fade=1,height=300px,group=menuler')
hrktbaslajs.addDiv('Sorulariniz','fade=1,height=300px,group=menuler')
hrktbaslajs.addDiv('İletisim','fade=1,height=300px,group=menuler')
hrktbaslajs.ontoggle=function($, divobj, state){}
hrktbaslajs.init()
</script>

XML
<a href="#" rel="toggle[Anasayfa]"  >
<asp:Label CssClass="ListBut" style ="left:10px" ID="ButAnasyfa" runat="server" Text="ANASAYFA"></asp:Label>
</a>

XML
<div id="Anasayfa" style="width: 800px; position: fixed; top: 200px; left: 50%; margin-left :-300px; ">
    <div style="width: 300px; position: fixed; top: 200px; left: 40%; color: #0A5189; font-size: 13px;font-family: Tahoma, Geneva, sans-serif;">
  <b>blaablabla bla bla bl</b><br /></div>
    <div style="width: 300px; position: fixed; top: 224px; left: 40%; color: #5898ca; font-size: 12px;font-family: Tahoma, Geneva, sans-serif;">
    <img src="img/Tmm1.png" border="0" width="25" height="25" />
        <b>bla bla blla abla </b><br /></div>
    <div style="width: 300px; position: fixed; top: 270px; left: 44%; color: #5898ca; font-size: 12px;font-family: Tahoma, Geneva, sans-serif;">
    <img src="img/Tmm1.png" border="0" width="25" height="25" />
        <b>blablabla</b><br /></div>
    <div style="width: 300px; position: fixed; top: 330px; left: 48%; color: #5898ca; font-size: 12px;font-family: Tahoma, Geneva, sans-serif;">
    <img src="img/Tmm1.png" border="0" width="25" height="25" />
        <b>blablalbla </b><br /></div>

  <br />
</div>

JavaScript
addDiv:function(divid, attrstring) {
  this.divholders[divid]=({id: divid, $divref: null, attrs: attrstring})
  this.divholders[divid].getAttr=function(name) {
    var attr=new RegExp(name+"=([^,]+)", "i")
    return (attr.test(this.attrs) && parseInt(RegExp.$1)!=0)? RegExp.$1 : null
  }
  this.currentid=divid
  return this
},
Posted
Updated 10-Nov-14 9:43am
v2
Comments
Kornfeld Eliyahu Peter 10-Nov-14 15:15pm    
Probably IE does not support, that fade property...
Can you show how you implemented addDiv?
Hakan COBAN 10-Nov-14 15:30pm    
addDiv:function(divid, attrstring){
this.divholders[divid]=({id: divid, $divref: null, attrs: attrstring})
this.divholders[divid].getAttr=function(name){
var attr=new RegExp(name+"=([^,]+)", "i")
return (attr.test(this.attrs) && parseInt(RegExp.$1)!=0)? RegExp.$1 : null
}
this.currentid=divid
return this
},
Kornfeld Eliyahu Peter 10-Nov-14 15:46pm    
As I see you add an attribute named fade? How do you utilize that attribute?
Hakan COBAN 10-Nov-14 16:01pm    
sorry. this code is chrome also works fine. But it does not work in explorer only fade effect.
Kornfeld Eliyahu Peter 10-Nov-14 16:07pm    
If I understand you correctly the only part does not work is the fading effect. So adding div is works also for IE, but it displayed without the fade effect. Now 'fade' attribute is not a standard HTML attribute, so browser will not do with it nothing. That's why I ask you how you use that attribute?!

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900