<div class= "houselist" ><div class= "one111_" id= "one111_" >
<ul class= "List" >
<li >
<span class= "Fleft" > A:</span>
<!--
EOT;
$sel = $_viewer->plate? ' class= ' area ': ';
$areaall =!$_viewer->areatype? ' abc ': ';
Print <<<eot
-
<!--
EOT;
foreach ($_viewer->area as $key = = $value) {
$sel = ($_viewer->areatype = = $key)? ' class= ' act ': ';
Print<<<eot
-
<li style= "Display:inline" ><a id= "one3_{$key}" >{$value}</a></li>
<!--
EOT;
}
Print<<<eot
-
</li>
<li>
<span class= "Fleft" > Two:</span>
<!--
EOT;
$sel = $_viewer->plate? ' class= ' area ': ';
$areaall =!$_viewer->areatype? ' abc ': ';
Print <<<eot
-
<!--
EOT;
foreach ($_viewer->area as $key = = $value) {
$sel = ($_viewer->areatype = = $key)? ' class= ' act ': ';
Print<<<eot
-
<li style= "Display:inline" ><a id= "one4_{$key}" >{$value}</a></li>
<!--
EOT;
}
Print<<<eot
-
</li>
</ul>
</div>
<div id= "Areas" style= "Display:none;" >
<!--
EOT;
foreach ($_viewer->steets as $key = = $value) {
Print<<<eot
-
<div class= "areas{$key}" >
<!--
EOT;
foreach ($value as $streets) {
Print<<<eot
-
<a href= "index-htmx-m-house-q-sale-act--options-
{$_viewer->options[areatype]}opt.areatype. {$key}. {$_viewer->options[platetype]}opt.platetype. {$streets [' streetid ']}.html ' >{$streets [' Name ']}</a>
<!--
EOT;
}
Print<<<eot
-
</div>
<!--
EOT;
}
Print<<<eot
-
</div>
<div class= "Tab1" id= "Tab1" >
<div id= "Footer" class= "Regionallinks" onclick= "Settab (' one ', 0)" >
<ul>
<li><a href= "Javascript:scroll (0,0)" > Back to Top </a></li>
<!--
EOT;
$sel = $_viewer->plate? ' class= ' area ': ';
$areaall =!$_viewer->areatype? ' abc ': ';
Print <<<eot
-
<li><a id= "one1" onmouseover= "Settab (' one ', 1)" style= "HEIGHT:36PX;" > A </a>
<div id= "Con_one_1" class= "xiala_list" style= "display:none; Z-index:1; margin-left:0px; width:460px; padding:5px; top:61px; Left: -40px; " >
<!--
EOT;
$sel = ";
foreach ($_viewer->area as $key = = $value) {
$sel = ($_viewer->areatype = = $key)? ' class= ' act ': ';
Print<<<eot
-
<a href= "Index-htmx-m-house-q-sale-act--options-{$_viewer->options[areatype]}opt.areatype. {$key}.html "{$sel}>{$value}</a>
<!--
EOT;
}
Print<<<eot
-
</div>
</li>
<li>
<a id= "One2" onmouseover= "Settab (' One ', 2)" style= "HEIGHT:36PX;" > Two </a>
<div id= "con_one_2" class= "xiala_list" style= "display:none; Z-index:1; margin-left:0px; width:460px; padding:5px; top:61px; Left: -40px; " >
<!--
EOT;
$sel = ";
foreach ($_viewer->area as $key = = $value) {
$sel = ($_viewer->areatype = = $key)? ' class= ' act ': ';
Print<<<eot
-
<a href= "Index-htmx-m-house-q-hire-act--options-{$_viewer->options[areatype]}opt.areatype. {$key}.html "{$sel}>{$value}</a>
<!--
EOT;
}
Print<<<eot
-
</div>
</li>
</ul>
</div>
<script type= "Text/javascript" >
function Settab (Name,cursel) {
Cursel_0=cursel;
for (var i=1; i<=links_len; i++) {
var regionallinks = document.getElementById (name+i);
var menudiv = document.getElementById ("Con_" +name+ "_" +i);
if (I==cursel) {
Regionallinks.classname= "Off";
menudiv.style.display= "Block";
}
else{
Regionallinks.classname= "";
Menudiv.style.display= "None";
}
}
}
Onload=function () {
var links = document.getElementById ("Tab1"). getElementsByTagName (' Li ')
Links_len=links.length;
for (var i=0; i<links_len; i++) {
Links[i].onmouseover=function () {
Clearinterval (Iintervalid);
This.onmouseout=function () {
}
}
}
}
$ (function () {
$ ("a[id^= ' one111_ '],a[id^= ' one1_ '],a[id^= ' one2_ ' to '],a[id^= ' one3_ '],a[id^= ' one4_ ']"). MouseOver (function () {
var area=$ (this). attr (' id ');
Area=area.split ('_');
var areaid=area[1];
if ($ (this). Parent (). Find ("Div.xiala_list"). Length<1)
{
$ (this). After (' <div class= ' xiala_list ' ></div> ');
$ (this). Next ("Div.xiala_list"). HTML ($ ("Div#areas div.areas" +areaid). html ());
}
/* When clicking on another, the previous one disappears */
$ (this). Next ("Div.xiala_list"). CSS (' Display ', ' block '). Parents (). Siblings (). Find ("Div.xiala_list"). Hide ();
})
$ ("body.one111_,div.one111_"). Click (function () {
$ ("Div.xiala_list"). CSS (' Display ', ' none ');
});
});
</script>
A small amount of AJAX control, two implementation states, two JS (purely self-made to see)