스크립트 함수 내에서 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 +" 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'" />";
이렇게해보세요
이렇게해보세요
역시 안됩니다 ㅜ.ㅜ 이렇게하면 스크립트 자체가 먹히질 않네요~

var photo01="<img src="+ this.rel1 +" onError=\"this.src='<?=$board_skin_path?>/img/noimage.jpg'\" />";
위와 같이 한번 해보세요
자바스크립트나 php는 따옴표등을 쓸 때 주의해야 합니다
변수 선언하고 쌍따옴표로 묶어 주었으니 변수 내용으로 들어가는 부분에 쌍따옴표가 나오면 반드시
역슬래시등을 넣어서 오류가 나지 않도록 해야 합니다
위와 같이 한번 해보세요
자바스크립트나 php는 따옴표등을 쓸 때 주의해야 합니다
변수 선언하고 쌍따옴표로 묶어 주었으니 변수 내용으로 들어가는 부분에 쌍따옴표가 나오면 반드시
역슬래시등을 넣어서 오류가 나지 않도록 해야 합니다
오 해결 됐습니다 정말 감사드립니다 :) 꾸벅~