Foren
Neue Beiträge
Foren durchsuchen
Was ist neu?
Neue Beiträge
Profilnachrichten
Online
Anmelden
Registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Neue Beiträge
Foren durchsuchen
Menü
Anmelden
Registrieren
App installieren
Installieren
Programmierung
JavaScript
Warum funktionieren Map Highlights mit jquery nicht?
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Auf Thema antworten
Beitrag
[QUOTE="DarkSheep, post: 12030, member: 3705"] Ich grüße euch da draußen! Mein Plan ist, mit einem <map> bild und den links etwas zu bauen. Ich habe das ganze auch zum Laufen gebracht und es entspricht genau dem was ich mir vorstelle. Lauffähig ist das ganze auf einer Test .html Datei. Jedoch habe ich versucht das ganze auf die Seite einzufügen wo es hin soll. Dort funktioniert das ganze leider nicht und ich frage mich wieso. Mein erster Gedanke ist die falsche Platzierung des <script> codes, nur bin ich absolut unwissend das Java etc. angeht ;) Vielleicht kann mir hier jemand bei dem Problem helfen Hier die funktionsfähige Test-Datei: [CODE=html]<!DOCTYPE HTML> <html> <head> <title>Airsoft Team Raptor</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <meta name="description" content="" /> <meta name="keywords" content="Airsoft, Team, Alb-Donau, Ulm, Neu-Ulm, Memmingen, Augsburg, Landsberg am Lech, Kuftstein, Tirol, Weilheim-Schongau, Allgäu, Ostallgäu"> </head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="map.js"></script> <script type="text/javascript">$(function() { $('.map').maphilight(); }); </script> <body> <img src="bär.jpg" class="map" width="912" height="684" alt="Test" usemap="#test"/> <map name="test"> <area shape="rect" coords="380,224,515,290" title="FAST Helm - 50 €" href="#" alt="FAST Helm - 50 €"/> <area shape="rect" coords="388,289,481,325" title="Supergeile Pornobrille - 40 €" href="#" alt="Supergeile Pornobrille - 40 €"/> <area shape="rect" coords="482,289,515,344" title="Headset - 20 €" href="#" alt="Headset - 20 €"/> <area shape="rect" coords="439,342,461,362" title="Zigarre des Helden - 69 €" href="#" alt="Zigarre des Helden - 69 €"/> <area shape="rect" coords="262,415,377,482" title="Handschuhe - 20 €" href="#" alt="Handschuhe - 20 €"/> <area shape="rect" coords="41,359,401,483" title="ICS M.A.R.S. - 400 €" href="#" alt="ICS M.A.R.S. - 400 €"/> </map> </body> </html>[/CODE] ---------------------------------------------------------------------------------- Hier die Datei in der es eigentlich landen sollte aber nicht funktioniert (Dies hier zeigt einen meiner vielen Versuche die gescheitert sind) [CODE=html]<!DOCTYPE HTML> <html> <head> <title>Airsoft Team Raptor</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <meta name="description" content="" /> <meta name="keywords" content="Airsoft, Team, Alb-Donau, Ulm, Neu-Ulm, Memmingen, Augsburg, Landsberg am Lech, Kuftstein, Tirol, Weilheim-Schongau, Allgäu, Ostallgäu"> <link rel="stylesheet" href="assets/css/main.css" /> </head> <body class="is-preload"> <!-- Header --> <header id="header"> <a class="logo" href="index.html">Airsoft Team Raptor</a> </header> <!-- Heading --> <div id="heading" > <h1>Tipps für Anfänger</h1> </div> <!-- Main --> <section id="main" class="wrapper"> <div class="inner"> <div class="content"> <img src="bär.jpg" class="map" width="912" height="684" alt="Test" usemap="#test"/> <map name="test"> <area shape="rect" coords="380,224,515,290" title="FAST Helm - 50 €" href="#" alt="FAST Helm - 50 €"/> <area shape="rect" coords="388,289,481,325" title="Supergeile Pornobrille - 40 €" href="#" alt="Supergeile Pornobrille - 40 €"/> <area shape="rect" coords="482,289,515,344" title="Headset - 20 €" href="#" alt="Headset - 20 €"/> <area shape="rect" coords="439,342,461,362" title="Zigarre des Helden - 69 €" href="#" alt="Zigarre des Helden - 69 €"/> <area shape="rect" coords="262,415,377,482" title="Handschuhe - 20 €" href="#" alt="Handschuhe - 20 €"/> <area shape="rect" coords="41,359,401,483" title="ICS M.A.R.S. - 400 €" href="#" alt="ICS M.A.R.S. - 400 €"/> </map> </div> </div> </section> <!-- Footer --> <footer id="footer"> <div class="inner"> <div class="copyright"> © 2018 - 2021 by Airsoft Team Raptor / Dark-Sheep<br><a href="history.html" target="_blank">Homepage History</a> </div> </div> </footer> <!-- Scripts --> <script src="assets/js/jquery.min.js"></script> <script src="assets/js/browser.min.js"></script> <script src="assets/js/breakpoints.min.js"></script> <script src="assets/js/util.js"></script> <script src="assets/js/main.js"></script> <script src="assets/map.js"></script> <script type="text/javascript">$(function() { $('.map').maphilight(); }); </script> </body> </html>[/CODE] Hoffe jemand kann mich erleuchten warum die Java Scripts nicht geladen werden ;) Liebe Grüße, Chris [/QUOTE]
Zitate
Authentifizierung
Antworten
Programmierung
JavaScript
Warum funktionieren Map Highlights mit jquery nicht?
Oben
Unten
