Vermischtes / Miscellaneous / Varios > Dies und Das / this and that

HILFE mit Html

<< < (3/4) > >>

MinLex:
Jupp, soweit ist es schon ganz gut. Weitermachen musst du es nach folgendem Prinzip (bitte beachte, dass sich bei jedem Abschnitt die Bezeichnung für das jeweilige Formular ändert und diese in der jeweiligen onChange-Anweisung auch angepasst werden muss (Liste, Liste2, Liste3...) sowie dass bei "document.forms[0]" sich der Wert erhöht:

--- Code: --- <html>
   <head>
   <title>Fluorit</title>
   <script language="JavaScript">
    <!--
     function start(x)
     {
      if(x == "")
      {
        document.forms[0].reset();
        document.forms[0].elements[0].blur();
        document.forms[1].reset();
        document.forms[1].elements[0].blur();
        document.forms[2].reset();
        document.forms[2].elements[0].blur();
        return;
      }
      else
      {
        parent.location.href = x;
      }
    }
    //-->
   </script>
   </head>
   <body>



<script type="text/javascript" language="JavaScript"><!--
document.write("<form name=\"Liste\">");
document.write("<select size=\"1\" name=\"Auswahl\" onChange=\"start(document.forms[0].Auswahl.options[document.Liste.Auswahl.options.selectedIndex].value)\";>");
document.write("<option value=\"\">Europa:</option>");
document.write("<option value=\"\">------------------------</option>");
document.write("<option value=\"http://fluorit2005.fl.funpic.de/Fluorit-Deutschland.html\">Deutschland</option>");
document.write("<option value=\"http://fluorit2005.fl.funpic.de/Fluorit-Frankreich.html\">Frankreich</option>");
document.write("</select></form>");

document.write("<form name=\"Liste2\">");
document.write("<select size=\"1\" name=\"Auswahl\" onChange=\"start(document.forms[1].Auswahl.options[document.Liste2.Auswahl.options.selectedIndex].value)\";>");
document.write("<option value=\"\">Nordamerika:</option>");
document.write("<option value=\"\">------------------------</option>");
document.write("<option value=\"http://fluorit2005.fl.funpic.de/Fluorit-Deutschland.html\">Deutschland</option>");
document.write("<option value=\"http://fluorit2005.fl.funpic.de/Fluorit-Norwegen.html\">Norwegen</option>");
document.write("</select></form>");

document.write("<form name=\"Liste3\">");
document.write("<select size=\"1\" name=\"Auswahl\" onChange=\"start(document.forms[2].Auswahl.options[document.Liste3.Auswahl.options.selectedIndex].value)\";>");
document.write("<option value=\"\">Südamerika:</option>");
document.write("<option value=\"\">------------------------</option>");
document.write("<option value=\"http://fluorit2005.fl.funpic.de/Fluorit-Deutschland.html\">Deutschland</option>");
document.write("<option value=\"http://fluorit2005.fl.funpic.de/Fluorit-Frankreich.html\">Frankreich</option>");
document.write("</select></form>");
//-->

</script>
<noscript>
<b>Europa:</b><br>
<a href="http://fluorit2005.fl.funpic.de/Fluorit-Deutschland.html">Deutschland</a><br>
<a href="http://fluorit2005.fl.funpic.de/Fluorit-Frankreich.html">Frankreich</a><br>
<b>Nordamerika:</b><br>
<a href="http://fluorit2005.fl.funpic.de/Fluorit-Deutschland.html">Deutschland</a><br>
<a href="http://fluorit2005.fl.funpic.de/Fluorit-Norwegen.html">Norwegen</a><br>
<b>Südamerika:</b><br>
<a href="http://fluorit2005.fl.funpic.de/Fluorit-Deutschland.html">Deutschland</a><br>
<a href="http://fluorit2005.fl.funpic.de/Fluorit-Frankreich.html">Frankreich</a><br>
</noscript>

</body>
</html>
--- Ende Code ---

Gruß Heiko

Chris18:
Hallo Heiko ich kann mich nur immer wieder bei dir bedanken,
 hab nun die listen gemacht, und alles geht,  nur eines nicht,
bei Mozila bekomm ich keinen abstand zwischen den Ländern.
Bei IE gehts..... kann man da was machen?


http://www.fluorit-sammlung.de.gg/

Chris18:
Ok selbst bei Opera werden abstände gezeigt, nur bei Morzilla nicht  :'(

MinLex:

--- Zitat ---Hallo Heiko ich kann mich nur immer wieder bei dir bedanken,
--- Ende Zitat ---
man hilft, wo man kann - vielleicht finde ich dann ja meine Internetseite irgendwann bei deinen Links wieder (musste ja so kommen, dass die Hilfsbereitschaft einen Haken hat ;) )

Bzgl. der Abstände kocht wohl jeder Browser leider sein eigenes Süppchen. Man kann dem entgegenwirken, indem jedes Formular bzw. jede Liste  innerhalb eines eigenen Absatzs deklariert wird. Das ganze sieht dann wie folgt aus (also an den Anfang der Listendeklaration jeweils ein <p> setzen und an das Ende jeweils ein </p>) - richtig angezeigt wird es nun mit dem IE, Opera und Firefox - ich hoffe mal, dass andere Browser sich dabei auch wie gewünscht verhalten:

--- Code: ---document.write("<p><form name=\"Liste\">");
document.write("<select size=\"1\" name=\"Auswahl\" onChange=\"start(document.forms[0].Auswahl.options[document.Liste.Auswahl.options.selectedIndex].value)\";>");
document.write("<option value=\"\">Europa:</option>");
document.write("<option value=\"\">------------------------</option>");
document.write("<option value=\"http://fluorit2005.fl.funpic.de/Fluorit-Deutschland.html\">Deutschland</option>");
document.write("<option value=\"http://fluorit2005.fl.funpic.de/Fluorit-Frankreich.html\">Frankreich</option>");
document.write("</select></form></p>");
--- Ende Code ---

Eine kleine Ergänzung solltest du auch noch am Anfang des Skripts machen, da du insgesamt ja nun 5 Formulare bzw. Listen verwendest (ich hatte leider vergessen darauf hinzuweisen, dass dies auch erweitert werden sollte und hab es stillschweigend in meinem letzten Beitrag einfach getan). Es ist zwar nicht wirklich notwendig und dient nur dazu, falls wenn jemand in der Liste den Strich auswählt, dass wieder die Überschrift der Liste angezeigt wird und nicht der Strich stehen bleibt - das ganze ist also vielmehr eine nützliche Spielerei:

--- Code: --- <script language="JavaScript">
    <!--
     function start(x)
     {
      if(x == "")
      {
        document.forms[0].reset();
        document.forms[0].elements[0].blur();
        document.forms[1].reset();
        document.forms[1].elements[0].blur();
        document.forms[2].reset();
        document.forms[2].elements[0].blur();
        document.forms[3].reset();
        document.forms[3].elements[0].blur();
        document.forms[4].reset();
        document.forms[4].elements[0].blur();

        return;
      }
      else
      {
        parent.location.href = x;
      }
    }
    //-->
   </script>
--- Ende Code ---

Chris18:
Ein weiteres Danke, hab deine seite schon in meine linkliste eingefügt,.


Hier das Ergebnis:

http://www.fluorit-sammlung.de.gg/


Navigation

[0] Themen-Index

[#] Nächste Seite

[*] Vorherige Sete

Zur normalen Ansicht wechseln