2012-12-03 2 views
2

안녕하세요, 저는 자바 스크립트에 대해 잘 모릅니다. 구체적이지 않고, 프랑스어입니다. (제 영어는 유감입니다).자바 스크립트 if url then image

내가 html과 모든 것에 대해 많이 알지 못하기 때문에 나는 기존의 테마 인 tumblr에 대한 CSS와 html을 변경하고있다. (나는 그것이 가장 좋은 해결책은 아니라는 것을 알고 있지만 그것은 나를 위해 일하고있어 천천히 나아지고있다. 이 페이지가 여기에 http://myblog.tumblr.com/tagged/mytag

이라고이 세계에 대한 내 지식) 텀블러 너무

여러 페이지가 이미 동일한 태그로 모든 게시물을 재편성 것과 같은 만든, 내 문제 : 내가 좋아하는 것 각 페이지의 헤더를 변경하십시오!

여기 내가 한 헤더 때입니다 (느릅 나무는 ... 최적의 솔루션이 될 듯) 나는 PHP 코드에 액세스 할 수 없습니다 :

<body> 
    <div id="header"> 
    <a href="/"><img src="{image:Header}"/></a> 
    </div> 
</body> 

을 내가 CSS 있도록 코드를 내 헤더 내 문제에 대답 나

에 잘 보이는, 내가 자바 스크립트 시도 : 분명히

<body> 
    <div id="header"> 
    <script> 

var image = new Array("{image:Header}", "http://static.tumblr.com/my-other-image.jpg") 

if(document.URL.indexOf("/") >= 0) { 
    image.src = "{image:Header}" 
    } 

if(document.URL.indexOf("/tagged/mytag1") >= 0) { 
    image.src = "http://static.tumblr.com/my-other-image.jpg" 
    } 

    </script>    
    </div> 
</body> 

가 작동하지 않았다, 그리고 당신이 돌봐 웃음 할 수있다 g 내가 쓴 것 ... 나는 3 ~ 4 페이지 만 바꾸고 싶다. 너무 많은 코드로 "더러운 솔루션"을 좋아하는데, 나는 "else"가 필요하다고 생각한다. 다른 모든 페이지들!

작업을 수행하는 방법을 알려 주셔서 감사 드리며이 같은 단순한 작업을 위해 시간을 가져 가셔서 죄송합니다. 내 끔찍한 영어로 내 인생에 대해 이야기하는 것에 대해 유감스럽게 생각합니다.

답변

1

당신이 그 다음, image 요소를 만들 dom에 추가해야합니다 감사합니다

<body> 
    <div id="header"></div> 
    <script> 
     var uris = ["{image:Header}", "http://static.tumblr.com/my-other-image.jpg"]; 
     var image = document.createElement("img"); 
     if (document.URL.indexOf("/") >= 0) { 
      image.src = uris[0] 
     } 
     if (document.URL.indexOf("/tagged/mytag1") >= 0) { 
      image.src = uris[1] 
     } 
     document.getElementById("header") 
      .appendChild(image); 
    </script> 
</body> 
+0

이봐, 당신에게 매우 많은 질문 감사합니다 :'document.getElementById를 ("헤더") 을 무엇. appendChild (이미지);'do? – user1871350

+0

은 완벽하게 작동합니다. – user1871350

+0

@ user1871350 그들은 모양이 같습니다. – island205