• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hyperlinks von Drop Down Box verlinken

der Code in diesem Bereich; also Lieferanten und Marken sieht momentan so aus:

HTML: 
    <li><a class="qmitem-m qmparent" href="JavaScript:void(0);">Lieferanten</a>

        <ul class="qmsub">
                <li><a data-url="Derendinger AG.html" class="qmitem-s" href="JavaScript:void(0);">Derendinger AG</a></li>
                <li><a data-url="Normauto OE-Teile AG.html" class="qmitem-s" href="JavaScript:void(0);">Normauto OE-Teile AG</a></li>
                <li><a data-url="Glas Tr&ouml;sch AG Autoglas.html" class="qmitem-s" href="JavaScript:void(0);">Glas Tr&ouml;sch AG Autoglas</a></li>
                <li>
        <li><a class="qmitem-s qmparent" href="JavaScript:void(0);">... weitere</a>
 
                    <ul class="qmsub">
                        <li><a data-url="Auto Teile Wettingen GmbH.html" class="qmitem-s" href="JavaScript:void(0);">Auto Teile Wettingen GmbH</a></li>
                        <li><a data-url="Streit Imports GmbH.html" class="qmitem-s" href="JavaScript:void(0);">Streit Imports GmbH</a></li>
            </ul></li>

        </ul></li>

    <li><a class="qmitem-m qmparent" href="JavaScript:void(0);">Marken</a>

        <ul class="qmsub">
        <li><a class="qmitem-s" href="JavaScript:void(0);">Alfa-Romeo</a></li>
        <li><a class="qmitem-s" href="JavaScript:void(0);">Audi</a></li>
        <li><a class="qmitem-s" href="JavaScript:void(0);">BMW</a></li>
        <li><a class="qmitem-s qmparent" href="JavaScript:void(0);">... weitere</a>

            <ul class="qmsub">
            <li><a class="qmitem-s" href="JavaScript:void(0);">Abarth</a></li>
            <li><a class="qmitem-s" href="JavaScript:void(0);">Aixam</a></li>
            </ul></li>

        </ul></li>

bei den Marken sind die Verlinkungen noch nicht gemacht
 
Genau ... diese Schmierzeichen waren es :)
Änderung bereits Online

ein kleines Manko habe ich noch ...
... beim anklicken eines beliebigen Eintrages, öffnet sich zwar die Datei im iFrame aber die Auswahlbox ist immer noch im Vordergrund.
Kann man dies nicht irgendwie einstellen, dass sich die "Asuwahlliste beim anklicken schliesst?

@edit: woher kommen diese Schmierzeichen?
 
Keine Eile ;)
Die Kollegen im Geschäft haben ja eine funktionstüchtige Version zum arbeiten, hier geht es ja um ein Upgrade :)
... und ich habe ja noch genug Arbeit mit dem verlinken
 
Das ging ja wirklich schnell ;)
Genial, genau wie es sein soll :)
Habe auch gemerkt, wie sich diese "Schmierzeichen" eingeschmuggelt haben:
... Original kopieren und mit dem Editor einfügen ... :oops:
mit dem Notepad 7++ hat es jetzt keine gegeben

Vielen Dank für Deine tatkräftige Unterstützung :):):)
 
Sempervivum schrieb:
Oh, mein Fehler: Da fehlten schließende Hochkommas beim Einbinden von jQuery. So ist es richtig:
Code: 
    <iframe id="infoiframe" width="950" height="700" frameborder="0"></iframe>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script>
        $("select.infos").on("change", function () {
            var url = $(this.options[this.selectedIndex]).attr("data-url");
            $("#infoiframe").attr("src", url);
        });
    </script>
Zum Vergrößern anklicken....

Habe es mal versucht nachzubauen, bei mir leider ohne Erfolg.
Fehlen mir dafür Dateien?
 
maerk72 schrieb:
geht immer noch nicht,
der Code sieht jetzt momentan so aus:

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="de-ch" http-equiv="Content-Language" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>InfoBox</title>
<style type="text/css">
.infos {
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
}
.auto-style1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
}
</style>
</head>

<body>

<form method="post">
    <select class="infos" name="Select1" style="width: 150px">
    <option>Händler</option>
    <option data-url="derendinger.html">Derendinger</option>
    <option data-url="normauto.html">Normauto</option>
    <option>IWAG</option>
    </select> <select class="auto-style1" name="Select2" style="width: 150px">
    <option>Garagen</option>
    <option>AMAG</option>
    <option>Rebmann</option>
    <option>Ruckstuhl</option>
    </select> <select class="auto-style1" name="Select3" style="width: 150px">
    <option>Marken</option>
    <option>Audi</option>
    <option>Alfa-Romeo</option>
    <option>BMW</option>
    </select> <select class="auto-style1" name="Select4" style="width: 150px">
    <option>Versicherungen</option>
    <option>Alba</option>
    <option>Mobiliar</option>
    <option>AXA</option>
    </select> <select class="auto-style1" name="Select5" style="width: 150px">
    <option>Telefonlisten</option>
    <option>Weiden</option>
    <option>Filialen</option>
    <option>Mitarbeiter</option>
    </select> <select class="auto-style1" name="Select6" style="width: 150px">
    <option>Stichwortverzeichnis</option>
    <option>Farbe</option>
    <option>Entsorgung</option>
    <option>Formular13.20A</option>
    </select> <select class="auto-style1" name="Select7" style="width: 150px">
    <option>Links</option>
    <option>Google</option>
    <option>AVIS</option>
    <option>tel.search.ch</option>
    </select></form>
<p style="margin-bottom: 5px"> </p>

    <iframe id="infoiframe" width="950" height="700" frameborder="0"></iframe>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script>
        $("select.infos").on("change", function () {
            var url = $(this.options[this.selectedIndex]).attr("data-url");
            $("#infoiframe").attr("src", url);
        });
    </script>
</body>
Zum Vergrößern anklicken....


Habe diesen Code genommen, bei mir funktioniert er nicht.
 
Verlinkt habe ich unter Händler den Punkt Derendinger mit Test.php.

Wähle ich also unter Händler den Punkt Derendinger aus passiert Garnichts.
 
Vielen Dank, klappt!

Kann man data-url nur bei <Option> verwenden?

Z.b. <a data-url=""></a> klappt nicht
 
Zuletzt bearbeitet:
Link:
<a href="?site=Datenschutz">Datenschutz</a>


Code: 
<?php
$fileToInclude = "./Intern/Start.inc.php";

if (isset($_GET["site"]))
{
  $site = $_GET["site"];
  if (strlen($site) != 0)
  {
    if ($site == "Cloud")
      $fileToInclude = "Cloud.inc.php";

    if ($site == "Datenschutz")
      $fileToInclude = "Datenschutz.inc.php";
      
    if ($site == "Disclaimer")
      $fileToInclude = "Disclaimer.inc.php";
      
    if ($site == "E-Mail")
      $fileToInclude = "E-Mail.inc.php";
      
    if ($site == "Freundebuch eintragen")
      $fileToInclude = "Freundebuch_eintragen.inc.php";
      
    if ($site == "Impressum")
      $fileToInclude = "Impressum.inc.php";
      
    if ($site == "Kontakt")
      $fileToInclude = "Kontakt.inc.php";
      
    if ($site == "Profil")
      $fileToInclude = "Profil.inc.php";
      
    if ($site == "Team")
      $fileToInclude = "Team.inc.php";
      
    if ($site == "Zertifikate")
      $fileToInclude = "Zertifikate.inc.php";
  }
}
?>
 
Alles klar, danke.

Geht mir darum, dass ich auch Subdomains benutzen kann, die nicht "intern" eingebunden sind.

Wo z.b. ist $fileToInclude = "./Intern/Start.inc.php";
 
So Code nochmal sauber abgetippt. Die Start.inc.php wird nicht geladen, dementsprechend auch keine Seite dort hin.
 
Zuletzt bearbeitet:
Guten Morgen,

Das habe ich getestet. Egel ob Start oder Intern/Start nix klappt.

Dadurch das $fileToInclude weg ist weiß er eh nicht wohin die Datei included werden soll. Oder irre ich mich?
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben