스크립트 함수 내에서 PHP와 HTML 사용이 헷갈려서요~ > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

스크립트 함수 내에서 PHP와 HTML 사용이 헷갈려서요~ 정보

스크립트 함수 내에서 PHP와 HTML 사용이 헷갈려서요~

본문

아래와 같은 스크립트를 사용중인데요~

var photo01="<img src="+ this.rel1 +" alt='url preview' />";

이 부분에서 alt 속성 대신에 onError 를 사용하려고 합니다.

<img src="+ this.rel1 +" onError="this.src='$board_skin_path/img/noimage.jpg'" />

이런식으로 해서 + 도 써보고 . 도 사용해보고 이것저것 다해봐서 연결이 잘안되네요 ㅜㅜ

noimage.jpg가 잘 나오게 연결좀 부탁드립니다 ^^;;;



ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
<script>

this.screenshotPreview = function(){


xOffset = 10;
yOffset = 30;


$("a.screenshot").hover(function(e){
this.t = this.title;
this.title = "";

var c = (this.t != "") ? "<br/>" + this.t : "";


if(this.rel1=="../data/file/port_photo/"){
var photo01='';
}else{

var photo01="<img src="+ this.rel1 +" alt='url preview' />";
}


$("body").append("<p id='screenshot'>"+c+photo01+c+photo02+c+photo03+c+"</p>");
$("#screenshot")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px")
.fadeIn("fast");
    },
function(){
this.title = this.t;
$("#screenshot").remove();
    });
$("a.screenshot").mousemove(function(e){
$("#screenshot")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px");
});
};


$(document).ready(function(){
screenshotPreview();
});

</script>
  • 복사

댓글 전체

var photo01="<img src="+ this.rel1 +"  onError=\"this.src='<?=$board_skin_path?>/img/noimage.jpg'\" />";

위와 같이 한번 해보세요

자바스크립트나 php는 따옴표등을 쓸 때 주의해야 합니다
변수 선언하고 쌍따옴표로 묶어 주었으니 변수 내용으로 들어가는 부분에 쌍따옴표가 나오면 반드시
역슬래시등을 넣어서 오류가 나지 않도록 해야 합니다
© SIRSOFT
현재 페이지 제일 처음으로