2017-02-03 3 views
0

Gibt es eine Möglichkeit, verschiedene DIVs basierend auf URLs anzuzeigen?Anzeigen von DIVs für bestimmte URLs

Ich habe eine Event-Website mit 3 verschiedenen Subevents, daher möchte ich das Ereignisdatum in der Navigation für jedes einzelne Ereignis (mehrere URLs) anzeigen.

<div id="us" class="us-web-date">&nbsp;• San Jose | May 1•2•3</div> 
    <div id="emea" class="emea-web-date">&nbsp;• Berlin | May 15</div> 
    <div id="de" class="de-web-date">&nbsp;• Berlin | 16. Mai</div> 

So https://acrolinxcc.staging.wpengine.com/cc2017-us-about/ (und alle uns-Seiten) nur div id = zeigen "uns". Dementsprechend wird für/cc2017-emea-about/(und alle emeaseiten) NUR sjow id = "emea" und/cc2017-de-ueber-die-konferenz/(und alle de-pages) nur id = "de anzeigen ".

+1

sein wird, ist immer eine Möglichkeit, Dinge tun .. zumindest die meiste Zeit .. Was hast du probiert und was ist das Problem? –

+1

Überprüfen Sie, dass http://stackoverflow.com/questions/14541316/display-div-for-specific-url-path –

Antwort

0

Sie können mit JavaScript umgehen.

Schritte:

  • die aktuelle URL holen
  • Split url
  • find Wort existiert oder nicht
  • hide/show div auf der Grundlage dieser

Probe:

var currentUrl = window.location.pathname; 
var segments = currentUrl,split('/'); // Split the url using '/' 

// Fetch the part that you want to use to search specific word 
// in your case it will be at index 1 

if (0 < segments[1].search('us')) { 
    // show div us 
} else if (0 < segments[1].search('emea')) { 
    // show div emea 
} else { 
    // show div de 
} 

Sie sollten diesen Code beim Laden schreiben. Ich hoffe, es wird helfen.

0

Sie können es mit php

Sie können $_SERVER['REQUEST_URI'] aktuellen URI erhalten und Ihre identfication überprüfen, indem strpos()

Ihr Code so etwas wie dieses gibt

<?php 
    $url = $_SERVER['REQUEST_URI']; 
    if(strpos($url, "-us-")){ ?> 
     <div id="us" class="us-web-date">&nbsp;• San Jose | May 1•2•3</div> 
    <?php } elseif (strpos($url, "-emea-")) { ?> 
     <div id="emea" class="emea-web-date">&nbsp;• Berlin | May 15</div> 
    <?php } elseif (strpos($url, "-de-")) { ?> 
     <div id="de" class="de-web-date">&nbsp;• Berlin | 16. Mai</div> 
    <?php } ?> 
+0

Es hat funktioniert !!!!!! Ich danke dir sehr!!!!!!!! – tchitch

+0

willkommen :) Wäre dankbar, wenn Sie es akzeptiert akzeptieren :) –

Verwandte Themen