Ankündigung

Einklappen
Keine Ankündigung bisher.

Kontakt-Liste mit Auswahl des Landes = Einblenden der Kontaktdetails

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Kontakt-Liste mit Auswahl des Landes = Einblenden der Kontaktdetails

    Guten Abend,
    ich würde ganz gerne ein Drop-Down Menü einbinden mit der Auswahl des Landes und anhand des Landes wird dann die korrekte Kontaktperson angezeigt.
    Super wäre so etwas wie hier: https://www.lts-light.com/kontakt/ansprechpartner/
    (Ich hoffe den Link darf ich hier einstellen)

    Ich brauche nur die Liste bei International. Wie kann man sowas realisieren. (CSS, Java, html)

    Ich bin für jede Hilfe dankbar.

    Mein erster Versuch sieht so aus:

    HTML-Code:
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
     <style>
      .dropbtn {
      background-color: #4CAF50;
      color: white;
      padding: 30px 152px 30px 152px;
      font-size: 20px;
      border: none;
      cursor: pointer;
    }
    
    .dropbtn:hover, .dropbtn:focus {
      background-color: #3e8e41;
    }
    #myInput {
      border-box: box-sizing;
      background-image: url('searchicon.png');
      background-position: 14px 12px;
      background-repeat: no-repeat;
      font-size: 16px;
      padding: 10px 100px 10px 100px;
      border: none;
      border-bottom: 1px solid #ddd;
    }
    #myInput:focus {outline: 3px solid #ddd;}
    .dropdown {
      position: relative;
      display: inline-block;
    }
    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f6f6f6;
      min-width: 400px;
      max-height:200px;
      overflow: auto;
      border: 1px solid #ddd;
      z-index: 1;
    }
    .dropdown-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
    }
    .dropdown a:hover {background-color: #ddd;}
    .show {display: block;}
     </style>
     <div class="dropdown">
      <button onclick="DropDownFunction()" class="dropbtn">
       International
      </button>
      <div id="myDropdown" class="dropdown-content">
       <input type="text" placeholder="Search.." id="myInput" onkeyup="filterFunction()">
       <a href="#about">
        Land 1
       </a>
       <a href="#blog">
        Land 2
       </a>
       <button type="button" onclick="buttonShow()">Land 3 Info anzeigen</button>
       <a href="#contact">
        Land 4
       </a>
       <a href="#custom">
        Land 5
       </a>
       <a href="#support">
        Land 6
       </a>
       <a href="#tools">
        Land 7
       </a>
      </div>
     </div>
    
     <div id="infoBox" style="width: 400px; padding: 5px; background-color: white; border: 2px solid #CCCCCC">
      Hier kommt die Zusatz-Info
      <p style="text-align: center; margin-top: 20px">
        <button type="button" onclick="buttonHide()">Schließen</button>
      </p>
    </div>
    
    <script>
      /* Liste einblenden */
    function DropDownFunction() {
      document.getElementById("myDropdown").classList.toggle("show");
    }
    function filterFunction() {
      var input, filter, ul, li, a, i;
      input = document.getElementById("myInput");
      filter = input.value.toUpperCase();
      div = document.getElementById("myDropdown");
      a = div.getElementsByTagName("a");
      for (i = 0; i < a.length; i++) {
        txtValue = a[i].textContent || a[i].innerText;
        if (txtValue.toUpperCase().indexOf(filter) > -1) {
          a[i].style.display = "";
        } else {
          a[i].style.display = "none";
        }
      }
    }
    var info = document.getElementById("infoBox");
    info.style.display = "none"; // Box ausblenden
    info.style.position = "absolute";
    info.style.zIndex = 999;
    // Entweder fix auf der Seite platziert
    // info.style.left = "50px";
    // info.style.top = "100px";
    // Oder ein definiertes Stückchen unter dem Knopf
    info.style.marginTop = "10px";
    
    function buttonShow() {
      // Infobox anzeigen
      info.style.display = "";
    }
    function buttonHide() {
      // Infobox wieder ausblenden
      info.style.display = "none";
    }
     </script>

  • #2
    Fünf Tage vergangen, ist die Frage noch aktuell?

    Kommentar


    • #3
      Zitat von Sempervivum Beitrag anzeigen
      Fünf Tage vergangen, ist die Frage noch aktuell?
      Bei Leuten die ein "Problem" posten und dann netterweise den Links dalassen der das Problem nicht hat nehme ich an das er eh nicht antworten wird da er im nächsten Forum eine ähnliche Frage stellt.

      Stutzig macht mich nur der Beitritt im HP Forum von 2014 und 2019 der erste Post.
      https://arnego2.com <Für Traffic und einiges mehr>

      Kommentar

      homepage-forum.de - Hilfe für Webmaster! Statistiken

      Einklappen

      Themen: 56.375   Beiträge: 428.047   Mitglieder: 27.714   Aktive Mitglieder: 77
      Willkommen an unser neuestes Mitglied, Jugl.

      Online-Benutzer

      Einklappen

      621 Benutzer sind jetzt online. Registrierte Benutzer: 3, Gäste: 618.

      Mit 1.625 Benutzern waren am 17.03.2018 um 18:52 die meisten Benutzer gleichzeitig online.

      Die neuesten Themen

      Einklappen

      • arnego2
        Antwort auf hreflang Tags
        2 Domains eins für Französisch eins für Deutsch.
        Bei den Franzosen bin ich recht sicher das ihnen eine voll Französische Seite mehr gefallen würde als eine mit Deutschen geteilte. Das meinte ich mit dem Eigensinn der Menschen.

        Eine Webseite muss dem User gefallen, ihm was abzunehmen,...
        Gestern, 16:13
      • TheBablegum
        Meine Webseite, eure Meinung!
        Mooin,
        ich betreibe nun seit geraumer Zeit meine eigene Webseite zum Thema Paidmailer und Werbemöglichkeiten.
        Da ich noch relativ weit am Anfang stehe und das meine erste Webseite ist, suche ich auch immer wieder Meinungen und Verbesserungsvorschläge.
        Sei es jetzt zum Layout, der...
        Gestern, 15:30
      • Sempervivum
        Antwort auf Ausgabe als Link
        Danke für den Hinweis, PHP und Datenbanken sind weniger meine Stärke. Wenn man eine ID verwendet, wird das Ganze dann wesentlich einfacher.
        Gestern, 14:22
      • Ingo
        Antwort auf Ausgabe als Link
        Hi,
        urlencode wird ggf. nicht funktionieren. Besser wäre wie gesagt eine ID abzufragen und in den Link zu setzen.

        Gruß
        Ingo
        Gestern, 13:13
      • Sempervivum
        Antwort auf Ausgabe als Link
        Grundprinzip müsste etwa so aussehen:
        PHP-Code:
        $titel urldecode($_GET['titel']);
        $interpret urldecode($_GET['interpret']);
        $sql "SELECT text FROM texte where titel='" $titel "' and interpret='" $interpret "'";
        foreach (
        $pdo->query($sql) as 
        ...
        Gestern, 10:31

      Kostenlose Homepage bei Jimdo!

      Einklappen

      Jimdo

      Die neuesten Beiträge

      Einklappen

      • Atlan
        hreflang Tags
        Hallo,
        habe immer noch ein Problem mit den hreflang Tags

        unsere Seite: https://www.*****.com, besteht aus dem Deutschen Teil unter *****.com und dem französischen Teil unter *****.com/fr/.
        -----------
        <!DOCTYPE html>
        <html lang="de">
        ...
        23.03.2019, 16:41
      • arnego2
        Antwort auf hreflang Tags
        2 Domains eins für Französisch eins für Deutsch.
        Bei den Franzosen bin ich recht sicher das ihnen eine voll Französische Seite mehr gefallen würde als eine mit Deutschen geteilte. Das meinte ich mit dem Eigensinn der Menschen.

        Eine Webseite muss dem User gefallen, ihm was abzunehmen,...
        Gestern, 16:13
      • TheBablegum
        Meine Webseite, eure Meinung!
        Mooin,
        ich betreibe nun seit geraumer Zeit meine eigene Webseite zum Thema Paidmailer und Werbemöglichkeiten.
        Da ich noch relativ weit am Anfang stehe und das meine erste Webseite ist, suche ich auch immer wieder Meinungen und Verbesserungsvorschläge.
        Sei es jetzt zum Layout, der...
        Gestern, 15:30
      • Fragman
        Ausgabe als Link
        Hallo...

        habe eine Datenbank mit Songtexten mit Ausgabe auf einer Webseite. Es gibt eine Vorauswahl der Titel nach Buchstaben.
        Angezeigt wird dann eine Liste der Titel und des Interpreten.
        Wie mache ich aus der Ausgabe der Titel einen Link der dann den entsprechenden Text anzeigt??...
        21.03.2019, 21:05
      • Sempervivum
        Antwort auf Ausgabe als Link
        Danke für den Hinweis, PHP und Datenbanken sind weniger meine Stärke. Wenn man eine ID verwendet, wird das Ganze dann wesentlich einfacher.
        Gestern, 14:22
      • Rudolfo
        Antwort auf Online Speicherplatz / Storage / Cloud gesucht!
        Also ich bin auch ein überzeugter Cloud-Nutzer. Deswegen würde ich dir die Ratgeber von G Data empfehlen. Dieser zeigt alle Angebote, wichtige Information und erklärt auch ein paar Hintergründe. Ich bin selber auch durch den Ratgeber auf die Option der Cloud aufmerksam geworden und er hat mich überzeugt....
        ☁ Fotos, Videos, Dokumente: Einfach in die Cloud laden und teilen.☀ Wir zeigen Ihnen, wie sie funktioniert und wie im Cloud-Speicher alles sicher bleibt! ☁
        Gestern, 14:20
      • Ingo
        Antwort auf Ausgabe als Link
        Hi,
        urlencode wird ggf. nicht funktionieren. Besser wäre wie gesagt eine ID abzufragen und in den Link zu setzen.

        Gruß
        Ingo
        Gestern, 13:13
      • Sempervivum
        Antwort auf Ausgabe als Link
        Grundprinzip müsste etwa so aussehen:
        PHP-Code:
        $titel urldecode($_GET['titel']);
        $interpret urldecode($_GET['interpret']);
        $sql "SELECT text FROM texte where titel='" $titel "' and interpret='" $interpret "'";
        foreach (
        $pdo->query($sql) as 
        ...
        Gestern, 10:31
      • Fragman
        Antwort auf Ausgabe als Link
        ..und jetzt die Frage aller Fragen:
        Wie sieht das als PHP-Code aus?????
        Gestern, 08:12
      • Sempervivum
        Antwort auf Ausgabe als Link
        Nein, überhaupt nicht: Du brauchst nur eine PHP-Seite, diese bekommt Interpret und Titel als Parameter übergeben, liest den Text aus der Datenbank und zeigt ihn an....
        23.03.2019, 18:58
      Lädt...
      X