/    Sign up×
Community /Pin to ProfileBookmark

Problem with IE

Copy linkTweet thisAlerts:
Mar 07.2008

hi,
please see this page with Firefox(correct wiev) and after with Internet explorer.

in IE…why don’t work correctly before the first drag&drop?

[CODE]
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “DTD/xhtml1-strict.dtd”>
<html>
<head>
<title></title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<script src=”http://script.aculo.us/prototype.js” type=”text/javascript”></script>
<script src=”http://script.aculo.us/scriptaculous.js” type=”text/javascript”></script>

<style type=”text/css”>
div.ItnServiceNameBar
{
color:#FFFFFF;
background-color:#FF9900;
font-family: Verdana;
font-size:8pt;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 4px;
line-height:26px;
text-transform:uppercase;
border-style:solid;
border-width:1px 1px 1px 1px;
border-color:#000000;
}
iv.ItnServiceNameBar a:link
{
color:#FFFFFF;
text-decoration:none;
}
div.ItnServiceNameBar a:visited
{
color:#FFFFFF;
text-decoration:none;
}
div.ItnServiceNameBar a:hover
{
color:#FFFFFF;
text-decoration:underline;
}
/*——————————–*/
div.ItnServiceName.over
{
color:#FFFFFF;
background-color:#FFCC66;
font-family: Verdana;
font-size:8pt;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 4px;
line-height:26px;
text-transform:uppercase;
border-style:solid;
border-width:1px 1px 1px 1px;
border-color:#009900;
}
div.ItnServiceName.over a:link
{
color:#FFFFFF;
text-decoration:none;
}
div.ItnServiceName.over a:visited
{
color:#FFFFFF;
text-decoration:none;
}
div.ItnServiceName.over a:hover
{
color:#FFFFFF;
text-decoration:underline;
}
</style>
</head>
<body>
<div id=”squadre_list” class=”sortable-list”>
<div id=”squadre_CLUB1″>
<div id=”CLUB1_Bar” class=”ItnServiceNameBar” onMouseOver=”javascript: this.className=’ItnServiceName over'” onmouseout=”javascript: this.className=’ItnServiceNameBar'”>
<a href=”#” id=”CLUB1_Href”>CLUB 1</a>
</div>
<div id=”CLUB1_Box”>
<div id=”CLUB1_Ebox_0″>
<div id=”CLUB1_Ebox_0_0″>
<a href=”#” id=”CLUB1_ELnk_0_0″>SQUADRA 1</a>
</div>
<div id=”CLUB1_Ebox_0_1″>
<a href=”#” id=”CLUB1_ELnk_0_1″>SQUADRA 2</a>
</div>
</div>
</div>
</div>
<div id=”squadre_CLUB2″>
<div id=”CLUB2_Bar” class=”ItnServiceNameBar” onMouseOver=”javascript: this.className=’ItnServiceName over'” onmouseout=”javascript: this.className=’ItnServiceNameBar'”>
<a href=”#” id=”CLUB2_Href”>CLUB 2</a>
</div>
<div id=”CLUB2_Box”>
<div id=”CLUB2_Ebox_0″>
<div id=”CLUB2_Ebox_0_0″>
<a href=”#” id=”CLUB2_ELnk_0_0″>SQUADRA 3</a>
</div>
</div>
</div>
</div>
</div>

<script type=”text/javascript”>
Sortable.create(‘squadre_list’,
{
tag:’div’,
dropOnEmpty:true,
containment:[“squadre_list”],
constraint:’vertical’,
handle:’ItnServiceNameBar’
});
</script>
</body>
</html>
[/CODE]

to post a comment
CSS

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@turborakettiMar 07.2008 — It displays correctly if one removes the scriptaculous things, so it seems that it has something to do with that.

I'd recommend posting on the mail group and possibly submit a bug report if it's not a known one.
Copy linkTweet thisAlerts:
@lbottoniauthorMar 07.2008 — yes, i know...but the answer is.."what"??
Copy linkTweet thisAlerts:
@lbottoniauthorMar 07.2008 — try to use a border-up:1px with "squadre_CLUB1 and squadre_CLUB2", but the mouseon e over don't work..
Copy linkTweet thisAlerts:
@turborakettiMar 07.2008 — I don't know the answer, but to find the answer, I think you should try:
posting on the mail group and possibly submit a bug report if it's not a known one.[/QUOTE]
Do you see what I mean? Do I see what you mean? ?
Copy linkTweet thisAlerts:
@lbottoniauthorMar 07.2008 — sorry for my stupid english...i'm italian ?

please, see this my script..you can see all style...before(left) and after scriptaculous(right).

in bottom..i show the not same styles (before value::after value)



[CODE]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script src="http://script.aculo.us/prototype.js" type="text/javascript"></script>
<script src="http://script.aculo.us/scriptaculous.js" type="text/javascript"></script>

<style type="text/css">
div.ItnServiceNameBar
{
color:#FFFFFF;
background-color:#FF9900;
font-family: Verdana;
font-size:8pt;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 4px;
line-height:26px;
text-transform:uppercase;
border-style:solid;
border-width:1px 1px 1px 1px;
border-color:#000000;
}
iv.ItnServiceNameBar a:link
{
color:#FFFFFF;
text-decoration:none;
}
div.ItnServiceNameBar a:visited
{
color:#FFFFFF;
text-decoration:none;
}
div.ItnServiceNameBar a:hover
{
color:#FFFFFF;
text-decoration:underline;
}
/*--------------------------------*/
div.ItnServiceName.over
{
color:#FFFFFF;
background-color:#FFCC66;
font-family: Verdana;
font-size:8pt;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 4px;
line-height:26px;
text-transform:uppercase;
border-style:solid;
border-width:1px 1px 1px 1px;
border-color:#009900;
}
div.ItnServiceName.over a:link
{
color:#FFFFFF;
text-decoration:none;
}
div.ItnServiceName.over a:visited
{
color:#FFFFFF;
text-decoration:none;
}
div.ItnServiceName.over a:hover
{
color:#FFFFFF;
text-decoration:underline;

}
</style>
</head>
<body>
<div id="squadre_list">
<div id="squadre_CLUB1">
<div id="CLUB1_Bar" class="ItnServiceNameBar">
<a href="#" id="CLUB1_Href">CLUB 1</a>
</div>
<div id="CLUB1_Box" style="display:none">
<div id="CLUB1_Ebox_0">
<div id="CLUB1_Ebox_0_0">
<a href="#" id="CLUB1_ELnk_0_0">SQUADRA 1</a>
</div>
<div id="CLUB1_Ebox_0_1">
<a href="#" id="CLUB1_ELnk_0_1">SQUADRA 2</a>
</div>
</div>
</div>
</div>
<div id="squadre_CLUB2">
<div id="CLUB2_Bar" class="ItnServiceNameBar">
<a href="#" id="CLUB2_Href">CLUB 2</a>
</div>
<div id="CLUB2_Box" style="display:none">
<div id="CLUB2_Ebox_0">
<div id="CLUB2_Ebox_0_0">
<a href="#" id="CLUB2_ELnk_0_0">SQUADRA 3</a>
</div>
</div>
</div>
</div>
</div>
<table width="100%" border="1" cellspacing="2" cellpadding="2">
<tr>
<td><div id="div1"></div></td>
<td><div id="div2"></div></td>
</tr>
<tr>
<td><div id="div3"></div></td>
</tr>

</table>

<script language="javascript">
var xx="<br>";
var x1=Array();
for (var propertys in document.getElementById("squadre_CLUB1").style)
{
xx +="propertys::"+propertys+"==>"+document.getElementById("squadre_CLUB1").style[propertys]+"<br>";
x1[propertys]=document.getElementById("squadre_CLUB1").style[propertys];
}
document.getElementById("div1").innerHTML=xx;

Sortable.create('squadre_list',
{
tag:'div',
dropOnEmpty:true,
containment:["squadre_list"],
constraint:'vertical',
handle:'ItnServiceNameBar'
});

var yy="<br>";
var y1=Array();
for (var propertys in document.getElementById("squadre_CLUB1").style)
{
yy +="propertys::"+propertys+"==>"+document.getElementById("squadre_CLUB1").style[propertys]+"<br>";
y1[propertys]=document.getElementById("squadre_CLUB1").style[propertys];
}
document.getElementById("div2").innerHTML=yy;


var xy="<br>";
for (i in x1)
{
if(x1[i]!=y1[i])
{
xy +=i+")"+x1[i]+"::"+y1[i]+"<br>";
}
}
document.getElementById("div3").innerHTML=xy;

</script>

</body>
</html>



[/CODE]
×

Success!

Help @lbottoni spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...