[leon2009sp]

Здравствуйте! первый скрипт работает, может кому пригодится:

function readTextFile(file)
{
	var rawFile = new XMLHttpRequest();
	rawFile.open("GET", file, false);
	rawFile.onreadystatechange = function ()
	{
		if(rawFile.readyState === 4)
		{
			if(rawFile.status === 200 || rawFile.status == 0)
			{
				var allText = rawFile.responseText;
				let txt = allText;
				txt = txt.split(/\n/).map(str => str.split("="));
				txt = new Map(txt);
				document.getElementById("links").innerHTML=txt.get("text1").slice(1,-2);
				document.getElementById("imgtext").innerHTML=txt.get("text2").slice(1,-2);
				document.getElementById("links2").innerHTML=txt.get("text3").slice(1,-2);
				}
			}
		}
			rawFile.send(null);
};
window.addEventListener('DOMContentLoaded', function()
		{			  
document.onmouseover = function(e){
	if(e.target.tagName == 'A'){
		if(e.target.id == 'a1ru'){
			html = readTextFile('admin/text/menu/1.txt');
			}
		if(e.target.id == 'a2ru'){
			html = readTextFile('admin/text/menu/2.txt');
			}
		if(e.target.id == 'a3ru'){
			html = readTextFile('admin/text/menu/3.txt');
			}
		if(e.target.id == 'a4ru'){
			html = readTextFile('admin/text/menu/4.txt');
			}
		if(e.target.id == 'a5ru'){
			html = readTextFile('admin/text/menu/5.txt');
			}
}
}	  
readTextFile(html);
		}
);
function changeImage(src)
{
document.getElementById('imgout').src = src;
}

$new1 = parse_ini_file("admin/text/menu/1.txt"); 
$new2 = parse_ini_file("admin/text/menu/2.txt");
$new3 = parse_ini_file("admin/text/menu/3.txt");
$new4 = parse_ini_file("admin/text/menu/4.txt");
$new5 = parse_ini_file("admin/text/menu/5.txt");

echo "<div class=\"divtop\">
<table class=\"table100\">
<tr>
<td class=\"td0r\"><div id=\"links\" class=\"text0831\">$new1[text1]</div></td>
</tr>
<tr>
<td class=\"td01r\">
<div id=\"txtimg1\">
<img src=\"$new1[foto]\" id=\"imgout\" class=\"img1\" alt=\"Меню\">
<div class=\"txtimg1\" id=\"imgtext\">$new1[text2]</div>
</div>
</td>
</tr>
<tr>
<td class=\"td02r\"><div id=\"links2\" class=\"text0831\">$new1[text3]</div></td>";
printf('</tr>
</table>
</div>
<table class="table951">
<tr>
<td>');
echo "<table class=\"table103\" onMouseOver=\"changeImage('$new1[foto]')\" onMouseOut=\"changeImage('$new1[foto]')\">
<tr>
<td><a id=\"$new1[id]\" href=\"$new1[pach]\" class = \"text4\" target=\"_blank\">$new1[link]</a></td>
</tr>
</table>
</td>
<td>
<table class=\"table103\" onMouseOver=\"changeImage('$new2[foto]')\" onMouseOut=\"changeImage('$new2[foto]')\">
<tr>
<td><a id=\"$new2[id]\" href=\"$new2[pach]\" class = \"text4\" target=\"_blank\">$new2[link]</a></td>
</tr>
</table>
</td>
<td>
<table class=\"table103\" onMouseOver=\"changeImage('$new3[foto]')\" onMouseOut=\"changeImage('$new3[foto]')\">
<tr>
<td><a id=\"$new3[id]\" href=\"$new3[pach]\" class = \"text4\" target=\"_blank\">$new3[link]</a></td>
</tr>
</table>
</td>
<td>
<table class=\"table103\" onMouseOver=\"changeImage('$new4[foto]')\" onMouseOut=\"changeImage('$new4[foto]')\">
<tr>
<td><a id=\"$new4[id]\" href=\"$new4[pach]\" class = \"text4\" target=\"_blank\">$new4[link]</a></td>
</tr>
</table>
</td>
<td>
<table class=\"table103\" onMouseOver=\"changeImage('$new5[foto]')\" onMouseOut=\"changeImage('$new5[foto]')\">
<tr>
<td><a id=\"$new5[id]\" href=\"?news=open#$new5[pach]\" class = \"text4\" target=\"_blank\">$new5[link]</a></td>
</tr>
</table>
</td>
</tr>
</table>

а что нужно поменять чтобы на одной странице работали два окна вывода картинки и текста. т.к. смена текста и картинки работает только в первом окне.

$new6 = parse_ini_file("admin/text/contact/1.txt"); 
$new7 = parse_ini_file("admin/text/contact/2.txt");
$new8 = parse_ini_file("admin/text/contact/3.txt");
$new9 = parse_ini_file("admin/text/contact/4.txt");
$new10 = parse_ini_file("admin/text/contact/5.txt");


echo "<div class=\"divtop\">
<table class=\"table100\">
<tr>
<td class=\"td0r\"><div id=\"links\" class=\"text0831\">$new6[text1]</div></td>
</tr>
<tr>
<td class=\"td01r\">
<div id=\"txtimg1\">
<img src=\"$new6[foto]\" id=\"imgout2\" class=\"img1\" alt=\"Меню\">
<div class=\"txtimg1\" id=\"imgtext2\">$new6[text2]</div>
</div>
</td>
</tr>
<tr>
<td class=\"td02r\"><div id=\"links2\" class=\"text0831\">$new6[text3]</div></td>";
printf('</tr>
</table>
</div>
<table class="table951">
<tr>
<td>');
echo "<table class=\"table103\" onMouseOver=\"changeImage('$new6[foto]')\" onMouseOut=\"changeImage('$new1[foto]')\">
<tr>
<td><a id=\"$new6[id]\" href=\"$new6[pach]\" class = \"text4\" target=\"_blank\">$new6[link]</a></td>
</tr>
</table>
</td>
<td>
<table class=\"table103\" onMouseOver=\"changeImage('$new7[foto]')\" onMouseOut=\"changeImage('$new7[foto]')\">
<tr>
<td><a id=\"$new7[id]\" href=\"$new7[pach]\" class = \"text4\" target=\"_blank\">$new7[link]</a></td>
</tr>
</table>
</td>
<td>
<table class=\"table103\" onMouseOver=\"changeImage('$new8[foto]')\" onMouseOut=\"changeImage('$new8[foto]')\">
<tr>
<td><a id=\"$new8[id]\" href=\"$new8[pach]\" class = \"text4\" target=\"_blank\">$new8[link]</a></td>
</tr>
</table>
</td>
<td>
<table class=\"table103\" onMouseOver=\"changeImage('$new9[foto]')\" onMouseOut=\"changeImage('$new9[foto]')\">
<tr>
<td><a id=\"$new9[id]\" href=\"$new9[pach]\" class = \"text4\" target=\"_blank\">$new9[link]</a></td>
</tr>
</table>
</td>
<td>
<table class=\"table103\" onMouseOver=\"changeImage('$new10[foto]')\" onMouseOut=\"changeImage('$new10[foto]')\">
<tr>
<td><a id=\"$new10[id]\" href=\"?news=open#$new5[pach]\" class = \"text4\" target=\"_blank\">$new10[link]</a></td>
</tr>
</table>
</td>
</tr>
</table>

понятно что никто не будет это все перелистовать: хотябы что мне нужно поменять здесь:

function readTextFile(file)
{
	var rawFile = new XMLHttpRequest();
	rawFile.open("GET", file, false);
	rawFile.onreadystatechange = function ()
	{
		if(rawFile.readyState === 4)
		{
			if(rawFile.status === 200 || rawFile.status == 0)
			{
				var allText = rawFile.responseText;
				let txt = allText;
				txt = txt.split(/\n/).map(str => str.split("="));
				txt = new Map(txt);
				document.getElementById("links").innerHTML=txt.get("text1").slice(1,-2);
				document.getElementById("imgtext").innerHTML=txt.get("text2").slice(1,-2);
				document.getElementById("links2").innerHTML=txt.get("text3").slice(1,-2);
				}
			}
		}
			rawFile.send(null);
};
window.addEventListener('DOMContentLoaded', function()
		{			  
document.onmouseover = function(e){
	if(e.target.tagName == 'A'){
		if(e.target.id == 'a1ru'){
			html = readTextFile('admin/text/cont/1.txt');
			}
		if(e.target.id == 'a2ru'){
			html = readTextFile('admin/text/cont/2.txt');
			}
		if(e.target.id == 'a3ru'){
			html = readTextFile('admin/text/cont/3.txt');
			}
		if(e.target.id == 'a4ru'){
			html = readTextFile('admin/text/cont/4.txt');
			}
		if(e.target.id == 'a5ru'){
			html = readTextFile('admin/text/cont/5.txt');
			}
}
}	  
readTextFile(html);
		}
);
function changeImage(src)
{
document.getElementById('imgout').src = src;
}

с changeImage и changeImage2 игрался картинк меняется.. текст не шевелится.
начинаешь трогать ети строчки все колом:

document.getElementById("links555").innerHTML=txt.get("text4").slice(1,-2);
				document.getElementById("imgtext555").innerHTML=txt.get("text5").slice(1,-2);
				document.getElementById("links666").innerHTML=txt.get("text6").slice(1,-2);

Может кто подскажет.