[BonBoni]

Hallo zusammen,

ich habe eben die Aufgabe bekommen mittels JavaScript die Menüs anzupassen sobald die Seite von einem tablet oder smartphone aufgerufen wird.

Das Problem: "mouseOver" gibt es in einem touchscreen nicht
deswegen möchte ich die Verlinkung des hauptmenüs durch href="#" ersetzen sodass also das untermenü aufgeht und man in ruhe einen unterpunkt anklickt...

ich habe auch schon einen lösungsansatz, komme jedoch damit nicht weiter könnt ihr mir sagen waren dem tag keine id zugewiesen wird?

denn meine lösung wäre folgende:
wenn touch dann bekommen alle a tags in meinem menü die id="touch_menu" zugewiesen
mittels dieser id kann ich wiederum die verlinkungen deaktivieren mit attr("href","#") ... es funzt aber nicht


<script type="text/javascript">
if (window.Touch)
{
var Touchtag = document.createAttribute("id");
Touchtag.nodeValue = "touch_menu";
var Element = document.getElementsByTagName("a")[0];
Element.setAttributeNode(Touchtag);

$(#touch_menu).attr("href","#")
}
}
else
{
alert("no touch");
}
</script>

Danke vorab für die Hilfe

LG BonBoni

[Karlarsch]

Was mir auf die Schnelle aufgefallen ist:

[fyll]

Du machst ja komische Sachen...
1. IDs müssen eindeutig sein - wie Karl ja schon gesagt hat.. dafür nimmt man Klassen
2. Ein document.getElementsByTagName("a").setAttribute("href", "#"); sollt doch reichen, anstatt des ganzen Krams davor...

[BonBoni]

ja da habt ihr recht... ich denke manchmal zu kompliziert aber mit deiner Lösung klapt es auch nicht.
es tut sich einfach nichts... :/

[BonBoni]

die seite ist auf basis von joomla gemacht worden könnte das vielleicht der grund sein warum er das ignoriert?
die menüs werden nämlcih dynamisch erstellt mit php und mysql...

[fyll]

[BonBoni]

nee das macht der auch nicht

hab ichs vielleicht falsch übernommen?

<script type="text/javascript">
if (window.Touch){
var elems=document.getElementsByTagName("a");
for(var touch_item=0; touch_item<elems.length; touch_item++)
{
elems[touch_item].href="#";
}
}

else
}
alert("no touch");
}

</script>