Добавить различный текст в зависимости от URL с помощью JavaScript - PullRequest
0 голосов
/ 22 марта 2012

Привет, мне нужно сделать что-то, что я считаю немного сложным.

Мне нужно добавить различный текст в DIV в зависимости от URL, я знаю, каким будет URL в каждом случае (их 6), поэтому мне нужен javascript (jquery), чтобы сделать это, я только что знал, как сделай это сам.

Спасибо, Дейв.

 <script type = "text/javascript">
 function showDiv() {
 var url = window.location.href;
 if (/(Electric-Mobility)/i.test(url)) {
 document.getElementById("content_hide").style.display="none";
 }
 else {
 document.getElementById("content_hide").style.display="block";
 }
  }
 </script>
 <body onload = "showDiv()" >    

Этот вид работает, но не выполняет то, что я хочу, а также после загрузки страницы.

это URL ../brands/Electric-Mobility.html?sort=priceasc ../brands/Pride.html?sort=priceasc ../brands/Medical.html?sort=priceasc ../brands/Princey.html?sort=priceasc ../brands/NHC.html?sort=priceasc ../Roma.html?sort=priceasc

для каждого URL мне нужен отдельный текст в div # content_hide

Надеюсь, это понятнее

Спасибо Новый код

    <script type="text/javscript">
    function showDiv() {
    var url = window.location.href;

    if (/(Electric-Mobility)/i.test(url)){

    // i changed your old script using jQuery
    $("#content_hide").css("display","none");
     } else {
   $("#content_hide").css("display","block");
   }


   var myURL = url.split('?');
    var myTexts = ["text1","text2","text3"];
     switch(myURL[0]){
        case "http://www.youngsmobility.co.uk/brands/Electric-Mobility.html":
         $("#content_hide").html(myTexts[0]);
     break;
      case "http://www.youngsmobility.co.uk/brands/Pride.html":
     $("#content_hide").html(myTexts[1]);
      break;
     }
     } 
   </script>

    <body onload = "showDiv()" >

Обновление до кода

     function showDiv() {
    var url = window.location.href;
    var myURL = url.split('?');
    var myTexts = ["text1","text2","text3"];
     switch(myURL[0]){
     case "www.youngsmobility.co.uk/brands/Electric-Mobility.html":
     $("#content_hide").html(myTexts[0]);
     break;
     case "www.youngsmobility.co.uk/brands/Pride.html":
     $("#content_hide").html(myTexts[1]);
     break;
    }
     } 
     </script>

   <body onload = "showDiv()"

Ответы [ 2 ]

3 голосов
/ 22 марта 2012
switch(location.href) {
    case "http://example.com/page1":
        // put text for page1 in div
        break;
    // add more cases as needed
    // optionally add a default case.
}

Это должно помочь тебе.

1 голос
/ 22 марта 2012
function showDiv() {
    var url = window.location.href;
    if (/(Electric-Mobility)/i.test(url)){

    // i changed your old script using jQuery
    $("#content_hide").css("display","none");
    } else {
    $("#content_hide").css("display","block");
    }
    // my script start here
    var myURL = url.split('?');
    var myTexts = ["text1","text2","text3"];

    switch(myURL[0]){
     case "url1.html":
         $("#div_id").html(myTexts[0]);
     break;
     case "url2.html":
         $("#div_id").html(myTexts[1]);
     break;
    }
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...