Routenplaner Widget auf Seite einbinden?
-
Hallo,
ich bin blutiger Anfänger bei WordPress und habe gerade begonnen, eine kleine, private Webseite auf wordpress.com zu erstellen (Theme: Twenty Fifteen).
Auf einer Seite würde ich gerne ein Routenplaner-Widget (z.B. das von Falk.de) einbinden, aber ich bekomme das mit dem Html-Code, den Falk.de mir dafür liefert nicht hin.
Mache ich grundlegend was falsch oder geht das auf wordpress.com überhaupt nicht?
Gibt es irgendeine Möglichkeit, einen Routenplaner einzubinden?
Danke im voraus für die Antwort
-
Poste mal den HTML-Code. Ich befürchte er enthält Javascript, Flash oder ähnliches, was auf WordPress.com nicht erlaubt ist.
http://de.support.wordpress.com/code/Gruß, Torsten
-
Hallo Thorsten,
Es werden zwei verschiedene HTML-Codes angeboten (XHTML und HTML5), aber beide bekomm ich nicht zum Laufen.
XHTML:
<!-- START Routenplaner-Code (XHTML)--><!--[if lte IE 9]><link type="text/css" href="http://www.falk.de/css/homepagetools-IE9.css" rel="stylesheet" /><![endif]--><div style="border: 1px solid rgb(222, 222, 222); background: none repeat scroll 0% 0% rgb(240, 240, 240); display:none; border-radius: 5px; box-shadow: none; width: 400px;" id="falkwidget"><form name="falkform" action="http://www.falk.de" method="get" target="_blank" accept-charset="utf-8"><h3><a href="http://www.falk.de/routenplaner">Wegbeschreibung auf Falk.de</a></h3><span id="falk_logowrap"><a title="www.falk.de" href="http://www.falk.de"><img style="display: block;" alt="Falk" class="falklogo" src="http://www.falk.de/i/homepagetools/falk.png" /></a></span><ul class="forms"> <li><span class="input location"><input style="font-family: Arial;" value="Start (Straße, PLZ Ort)" class="address start inactive" id="falk_widgetStart" type="text" /><input style="font-family: Arial;" name="start" id="falk_sendStart" type="hidden" /><span class="clear-button"></span><span class="hitbox"><span id="falk_geo" class="current-position start" title="Standort ermitteln und übernehmen"></span></span></span></li> <li><span class="input location"><input style="font-family: Arial;" value="Ziel (Straße, PLZ Ort)" class="address destination inactive" id="falk_widgetDest" type="text" /><input style="font-family: Arial;" name="dest" id="falk_sendDest" type="hidden" /><span class="clear-button"></span><span class="hitbox"><span class="current-position destination"><span>B</span></span></span><span class="route-toggle"></span></span></li> <li class="options"><span class="drive-walk-toggle drive" id="falk_toggle"><span class="drive" id="falk_drive"></span><span class="walk" id="falk_walk"></span> </span><input style="font-family: Arial;" name="rm" id="falk_mode" class="dw-mode" value="0" type="hidden" /><input style="font-family: Arial;" name="st" value="1" type="hidden" /><input style="font-family: Arial;" id="mydest" class="falk_dest" value="" type="hidden" /><span style="background: none repeat scroll 0% 0% rgb(204, 0, 0); font-family: Arial; color: rgb(255, 255, 255);" id="falk_submit" class="submit">Route berechnen</span><input style="font-family: Arial;" class="falk_title" value="" type="hidden" /></form></div><script type="text/javascript">var tr_defdest="Ziel (Straße, PLZ Ort)";var tr_defstart="Start (Straße, PLZ Ort)";var tr_location="aktueller Standort";var tr_css="";var tr_title="";</script><script src="http://www.falk.de/js/homepagetools/falk-homepagetools.js" type="text/javascript"></script><script type="text/javascript">function loadCssFile(filename, filetype){var fileref=document.createElement("link");fileref.setAttribute("rel", "stylesheet");fileref.setAttribute("type", "text/css");fileref.setAttribute("href", filename);}(function(){var i = setInterval(function(){if(window.falk_events){loadCssFile("http://www.falk.de/css/homepagetools-widget.css", "css");var fw=document.getElementById("falkwidget").style.display="block";clearInterval(i);falk_events();}},250);})();</script><!-- Eigenes Routenplaner-Widget erstellen: www.falk.de/routenplaner-widget --><!-- ENDE Routenplaner-Code -->HTML5:
<!-- START Routenplaner-Code (HTML5)--><link type="text/css" href="http://www.falk.de/css/homepagetools-widget.css" rel="stylesheet" property="stylesheet" /><!--[if lte IE 9]><link type="text/css" href="http://www.falk.de/css/homepagetools-IE9.css" rel="stylesheet" property="stylesheet" /><![endif]--><div style="border: 1px solid rgb(222, 222, 222); background: none repeat scroll 0% 0% rgb(240, 240, 240); border-radius: 5px; box-shadow: none; width: 400px;" id="falkwidget"><form name="falkform" action="http://www.falk.de" method="get" target="_blank" accept-charset="utf-8"><h3><a href="http://www.falk.de/routenplaner">Kostenloser Routenplaner von Falk</a></h3><span id="falk_logowrap"><a title="www.falk.de" href="http://www.falk.de"><img style="display: block;" alt="Falk" class="falklogo" src="http://www.falk.de/i/homepagetools/falk.png"></a></span><ul class="forms"> <li><span class="input location"><input style="font-family: Arial;" value="Start (Straße, PLZ Ort)" class="address start inactive" autocomplete="on" id="falk_widgetStart" type="text"><input style="font-family: Arial;" name="start" id="falk_sendStart" type="hidden"><span class="clear-button"></span><span class="hitbox"><span id="falk_geo" class="current-position start" title="Standort ermitteln und übernehmen"></span></span></span></li> <li><span class="input location"><input style="font-family: Arial;" value="Ziel (Straße, PLZ Ort)" class="address destination inactive" autocomplete="on" id="falk_widgetDest" type="text"><input style="font-family: Arial;" name="dest" id="falk_sendDest" type="hidden"><span class="clear-button"></span><span class="hitbox"><span class="current-position destination"><span>B</span></span></span><span class="route-toggle"></span></span></li> <li class="options"><span class="drive-walk-toggle drive" id="falk_toggle"><span class="drive" id="falk_drive"></span><span class="walk" id="falk_walk"></span> </span><input style="font-family: Arial;" name="rm" id="falk_mode" class="dw-mode" value="0" type="hidden"><input style="font-family: Arial;" name="st" value="1" type="hidden"><input style="font-family: Arial;" id="mydest" class="falk_dest" value="" type="hidden"><span style="background: none repeat scroll 0% 0% rgb(204, 0, 0); font-family: Arial; color: rgb(255, 255, 255);" id="falk_submit" class="submit">Route berechnen</span><input style="font-family: Arial;" class="falk_title" value="" type="hidden"></form></div><script type="text/javascript">var tr_defdest="Ziel (Straße, PLZ Ort)";var tr_defstart="Start (Straße, PLZ Ort)";var tr_location="aktueller Standort";var tr_css="";var tr_title="";</script><script src="http://www.falk.de/js/homepagetools/falk-homepagetools.js" type="text/javascript"></script><script type="text/javascript">(function(){var i = setInterval(function(){if(window.falk_events){clearInterval(i);falk_events();}},250);})()</script><!-- Eigenes Routenplaner-Widget erstellen: www.falk.de/routenplaner-widget --><!-- ENDE Routenplaner-Code --> -
Ohne den Code zu verstehen, ich sehe darin ‚JavaScript‘, somit wird das wohl nicht funktionieren, oder?
-
Genau so ist es.
Routenplaner kannst du über den Umweg Google Maps auch anbieten:
https://en.support.wordpress.com/google-maps/Vielleicht nicht ganz so offensichtlich, aber mit einem Text dazu, wo man klicken muss …
Gruß, Torsten
-
-
-
- Das Thema ‘Routenplaner Widget auf Seite einbinden?’ ist für neue Antworten geschlossen.
de.WordPress.com Forums 