Enjoy an ad free experience by logging in. Not a member yet?
Register .
PM User | 1
Regular Coder
Join Date: Jul 2006
Posts: 117
Thanks: 1
Thanked 0 Times in 0 Posts
problem with ajax site in ie6
Hello
I designed a site for a friend, the site is working perfectly on ie7, but on ie6 it's not working as it should. the site basicly is an acordeon with areas loaded using ajax.
Anyone can help me finding whats wrong here?
the site is
www.nunonunes-ferreira.com
Thanks
PM User | 2
Senior Coder
Join Date: Jun 2002
Location: Between DC and Baltimore In a Cave
Posts: 2,717
Thanks: 1
Thanked 94 Times in 88 Posts
Since you are using Prototype, why are you not using it to make your Ajax calls. The library handles all of the quirks between browsers better than your code does.
__________________
PM User | 3
Regular Coder
Join Date: Jul 2006
Posts: 117
Thanks: 1
Thanked 0 Times in 0 Posts
Quote:
Originally Posted by
A1ien51
Since you are using Prototype, why are you not using it to make your Ajax calls. The library handles all of the quirks between browsers better than your code does.
well this was the way that i found to make this works. getting bits of code here and there
Can you help me to fix it?
THanks
PM User | 4
New Coder
Join Date: Feb 2008
Posts: 19
Thanks: 4
Thanked 0 Times in 0 Posts
hello,
PM User | 5
Regular Coder
Join Date: Jul 2006
Posts: 117
Thanks: 1
Thanked 0 Times in 0 Posts
Quote:
Originally Posted by
nikku
hello,
hi
here is the code (a bit long...)
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Nuno Nunes-Ferreira</title>
<!-- Meta Tags -->
<meta name="robots" content="index, follow" />
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="javascript/pngfix.js"></script>
<![endif]-->
<!-- JavaScript -->
<!-- <script type="text/javascript" src="combine.php?type=javascript&files=prototype.js,effects.js,accordion.js,code_highlighter.js,javascript.js,html.js"></script> -->
<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/effects.js"></script>
<script type="text/javascript" src="javascript/accordion.js"></script>
<script type="text/javascript" src="javascript/lightbox.js"></script>
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="css/default.css" />
<script type="text/javascript">
//
// In my case I want to load them onload, this is how you do it!
//
Event.observe(window, 'load', loadAccordions, false);
//
// Set up all accordions
//
function loadAccordions() {
var bottomAccordion = new accordion('vertical_container');
var nestedVerticalAccordion = new accordion('vertical_nested_container', {
classNames : {
toggle : 'vertical_accordion_toggle',
toggleActive : 'vertical_accordion_toggle_active',
content : 'vertical_accordion_content'
}
});
// Open first one
//bottomAccordion.activate($$('#vertical_container .accordion_toggle')[0]);
// Open second one
//topAccordion.activate($$('#horizontal_container .horizontal_accordion_toggle')[2]);
}
</script>
<script type="text/javascript">
<!--
var http = false;
if(navigator.appName == "Microsoft Internet Explorer") {
http = new ActiveXObject("Microsoft.XMLHTTP");
} else {
http = new XMLHttpRequest();
}
function solo(numero3) {
http.open("GET", "solo.php?ano=" + numero3, true);
http.onreadystatechange=function() {
if(http.readyState == 4) {
document.getElementById('solo').innerHTML = http.responseText;
group(numero3);
}
}
http.send(null);
}
function group(numero4) {
http.open("GET", "group.php?ano=" + numero4, true);
http.onreadystatechange=function() {
if(http.readyState == 4) {
document.getElementById('group').innerHTML = http.responseText;
other(numero4);
}
}
http.send(null);
}
function other(numero5) {
http.open("GET", "other.php?ano=" + numero5, true);
http.onreadystatechange=function() {
if(http.readyState == 4) {
document.getElementById('other').innerHTML = http.responseText;
titulo(numero5);
}
}
http.send(null);
}
function titulo(numero) {
http.open("GET", "titulo1.php?id_ano=" + numero , true);
http.onreadystatechange=function() {
if(http.readyState == 4) {
document.getElementById('titulo').innerHTML = http.responseText;
replace(numero);
}
}
http.send(null);
}
function replace(numero2) {
http.open("GET", "imgs.php?id_ano=" + numero2 , true);
http.onreadystatechange=function() {
if(http.readyState == 4) {
document.getElementById('imgs').innerHTML = http.responseText;
initLightbox();
}
}
http.send(null);
}
function titulo2(numero) {
http.open("GET", "titulo3.php?id=" + numero , true);
http.onreadystatechange=function() {
if(http.readyState == 4) {
document.getElementById('titulo').innerHTML = http.responseText;
replace2(numero);
}
}
http.send(null);
}
function replace2(numero2) {
http.open("GET", "imgs3.php?id=" + numero2, true);
http.onreadystatechange=function() {
if(http.readyState == 4) {
document.getElementById('imgs').innerHTML = http.responseText;
initLightbox();
}
}
http.send(null);
}
function MM_callJS(jsStr) { //v2.0
return eval(jsStr)
}
//-->
</script>
<!-- CSS -->
<style type="text/css" >
/*
Vertical Accordions
*/
.accordion_toggle {
display: block;
height: 30px;
width: 100%;
background: #ffffff;
padding: 0 10px 0 40px;
line-height: 30px;
color: #000000;
font-weight: normal;
text-decoration: none;
outline: none;
font-size: 12px;
color: #000000;
border-bottom: 1px solid #F0EBE9;
cursor: pointer;
margin: 0 0 0 0;
}
.accordion_toggle_active {
/*cor do topo do menu*/
background: url(images/accordion_toggle_active.jpg) no-repeat top right #DFDFDF;
/*cor da letra*/
color: #ffffff;
/*cor da linha por baixo*/
border-bottom: 1px solid #F0EBE9;
}
.accordion_content {
background-color: #E9E9E9;
color: #A6A6A6;
overflow: hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding-left: 40px;
}
.accordion_content h2 {
margin: 15px 0 5px 10px;
color: #0099FF;
}
.accordion_content a {
color: #666666;
}
.accordion_content p {
line-height: 150%;
}
.vertical_accordion_toggle {
display: block;
height: 30px;
width: 300px;
background: url(images/accordion_toggle.jpg) no-repeat top right #FFFFFF;
padding: 0 10px 0 10px;
line-height: 30px;
color: #A6A6A6;
font-weight: normal;
text-decoration: none;
outline: none;
font-size: 12px;
color: #000000;
border-bottom: 1px solid #f0ebe9;
cursor: pointer;
margin: 0 0 0 0;
}
.vertical_accordion_toggle_active {
background: url(images/accordion_toggle_active.jpg) no-repeat top right #DFDFDF;
color: #000000;
border-bottom: 1px solid #f0ebe9;
}
.vertical_accordion_content {
color: #A6A6A6;
overflow: hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}
.vertical_accordion_content h2 {
margin: 15px 0 5px 10px;
color: #0099FF;
}
.vertical_accordion_content p {
line-height: 150%;
padding: 5px 10px 15px 10px;
}
/*
/* Container styling*/
#vertical_nested_container {
margin: 20px 20px 20px 0px;
width: 100%;
}
.rights {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
margin-bottom: 0px;
vertical-align: bottom;
text-align: left;
padding-right: 20px;
padding-bottom: 20px;
padding-top: 10px;
color: #999999;
padding-left: 40px;
}
.foo2 {
line-height: 150%;
padding: 5px 10px 15px 10px;
}.titulo {
height: 30px;
}.imgs {
height: 30px;
}
body {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
background-image: url();
background-color: #E9E9E9;
}
.style2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #999999;
}
</style>
<link href="javascript/lightbox.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style3 {
font-size: 10px;
color: #666666;
}
a:active.ano {
background-color: #ffffff;
}
a:link.ano {
}
a:hover.ano {
background-color: #ffffff;
}
a:visited.ano {
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
-->
</style>
</head>
<body>
<div id="container"><br />
<div id="vertical_container" >
<h1 class="accordion_toggle"><img src="img/nunonunes.png" alt="" width="144" height="30" /></h1>
<div class="accordion_content"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="style2"><br>
<?php echo $row_rs_topo['texto']; ?>
</span></td>
</tr>
</table>
</div><br />
<h1 class="accordion_toggle"><img src="img/past.png" alt="" width="41" height="30" /></h1>
<div class="accordion_content"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="30"><?php do { ?>
<a href="#" class="ano" onclick="javascript
PM User | 6
Regular Coder
Join Date: Jul 2006
Posts: 117
Thanks: 1
Thanked 0 Times in 0 Posts
no one can help me?
Jump To Top of Thread
Thread Tools
Rate This Thread
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
All times are GMT +1. The time now is 07:36 AM .
Advertisement
Log in to turn off these ads.
Before you post, read our: 
