Hallo Zusammen
Ich habe eine knifflige Aufgabe...
Ich muss auf der Typo3 Seite meines Kunden Vertriebsadressen per Asuwahlfeld bekannt geben.
Das heisst ich muss auf meiner der Seite "Export Vertriebspartner" eine Landkarte haben (in Flash realisiert), darunter ein Auswahlfeld, wo man die jeweiligen Länder auswählen kann und dann darunter soll jeweils die Adressen des ausgewählten Landes erscheinen.
Z.B. wähle ich Mexico, dann müsse unten gleich erscheinen:
Herr Meier
Musterstrasse
Mexico
Also die Seite sollte nicht wechseln, sondern nur das Content-Element.
Bisher habe ich keine Lösung gefunde, die auch in allen Browsern funktioniert.
Ist das überhaupt mit Typo3 machbar?
Ich weiss, dass das Script von mir ein Anfängergebastel ist, aber ich fand nichts, was mir helfen konnte.
Danke für eure Hilfe.
Gruss
angsch-li
Hier zeige ich mal was bei mir bisher in Firefox funktioniert hat, jedoch in keinem weiteren browser:
http://www.wild-pharma.com/typo/index.php?id=51
(Achtung: "www" fällt raus, nochmals einsetzen)
HTML:
<style type="text/css">
<!--
#laender {
position:absolute;
width:158px;
height:487px;
z-index:1;
left: 292px;
top: 172px;
background-color: #000066;
}
#Adresse {
position:absolute;
width:321px;
height:477px;
z-index:2;
left: 488px;
top: 129px;
}
-->
</style>
<script type="text/javascript">
function Goto(){
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL}
</script>
<form name="form">
<div align="center">
<select NAME="site" SIZE="1" onChange="Goto()">
<option value="#" onClick="yo('fileadmin/map/Saudi-Arabien.gif','Herr Araber<br>Teststrasse 6<br>67698 Saudi Arabien <br> Tel 870986906060'); return false;">Columbia</option>
<option value="#" onClick="yo('fileadmin/map/Ecuador.gif','Herr Südamerikaner<br>Teststrasse 6<br>67698 Ecuador <br> Tel 870986906060'); return false;">Ecuador</option>
<option value="#" onClick="yo('fileadmin/map/Saudi-Arabien.gif','Herr Araber<br>Teststrasse 6<br>67698 Saudi Arabien <br> Tel 870986906060'); return false;">Egypt</option>
<option value="#" onClick="yo('fileadmin/map/Saudi-Arabien.gif','Herr Araber<br>Teststrasse 6<br>67698 Saudi Arabien <br> Tel 870986906060'); return false;">France</option>
<option value="#" onClick="yo('fileadmin/map/Ghana.gif','Herr Muster<br>Teststrasse 6<br>67698 Ghana <br> Tel 870986906060'); return false;">Ghana</option>
<option value="#" onClick="yo('fileadmin/map/Greece.jpg','Herr Grieche<br>Teststrasse 6<br>67698 Griechenland <br> Tel 870986906060'); return false;">Greece</option>
<option value="#" onClick="yo('fileadmin/map/Saudi-Arabien.gif','Herr Araber<br>Teststrasse 6<br>67698 Saudi Arabien <br> Tel 870986906060'); return false;">India</option>
<option value="#" onClick="yo('fileadmin/map/Saudi-Arabien.gif','Herr Araber<br>Teststrasse 6<br>67698 Saudi Arabien <br> Tel 870986906060'); return false;">Jordan</option>
<option value="#" onClick="yo('fileadmin/map/Saudi-Arabien.gif','Herr Araber<br>Teststrasse 6<br>67698 Saudi Arabien <br> Tel 870986906060'); return false;">Kuwait</option>
<option value="#" onClick="yo('fileadmin/map/Saudi-Arabien.gif','Herr Araber<br>Teststrasse 6<br>67698 Saudi Arabien <br> Tel 870986906060'); return false;">Mexico</option>
<option value="#" onClick="yo('fileadmin/map/Saudi-Arabien.gif','Herr Araber<br>Teststrasse 6<br>67698 Saudi Arabien <br> Tel 870986906060'); return false;">Morocco</option>
<option value="#" onClick="yo('fileadmin/map/Saudi-Arabien.gif','Herr Araber<br>Teststrasse 6<br>67698 Saudi Arabien <br> Tel 870986906060'); return false;">Oman</option>
<option value="#" onClick="yo('fileadmin/map/Saudi-Arabien.gif','Herr Araber<br>Teststrasse 6<br>67698 Saudi Arabien <br> Tel 870986906060'); return false;">Portugal</option>
<option value="#" onClick="yo('fileadmin/map/Saudi-Arabien.gif','Herr Araber<br>Teststrasse 6<br>67698 Saudi Arabien <br> Tel 870986906060'); return false;">Qatar</option>
<option value="#" onClick="yo('fileadmin/map/Saudi-Arabien.gif','Herr Araber<br>Teststrasse 6<br>67698 Saudi Arabien <br> Tel 870986906060'); return false;">Saudi Arabia</option>
<option value="#" onClick="yo('fileadmin/map/Saudi-Arabien.gif','Herr Araber<br>Teststrasse 6<br>67698 Saudi Arabien <br> Tel 870986906060'); return false;">Spain</option>
<option value="#" onClick="yo('fileadmin/map/Saudi-Arabien.gif','Herr Araber<br>Teststrasse 6<br>67698 Saudi Arabien <br> Tel 870986906060'); return false;">Thailand</option>
<option value="#" onClick="yo('fileadmin/map/Saudi-Arabien.gif','Herr Araber<br>Teststrasse 6<br>67698 Saudi Arabien <br> Tel 870986906060'); return false;">Yemen</option>
<option selected>Choose your country:</option>
</select>
</div>
</form>
<p> </p>
<div id="Adresse">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="left"><img src="fileadmin/map/blind.gif" alt="land" name="bild" width="197" height="112" align="middle" id="bild" style=" border: 0;" /></div></td>
</tr>
<tr>
<td><br></td>
</tr>
</table>
<div id="legende"><br>
</div>
</div>
<p> </p>
<p> </p>
<p><br>
<br />
</p>
<script>
function yo(s,t) {
document.images.bild.src=s;
document.getElementById('legende').innerHTML = t;
}
</script>