PHP 코드

Question

안에 내가 옆에 PHP 스크립트를이 코드를 작성하는 방법에 어떤 생각을 자바 스크립트를 쓰기?

Answer 1

HTML 너무 많은 반향하지 마십시오입니다 대답, 당신은 echo

의 속기에 불과 그래서 이런 식으로 그것을 할 것입니다없는 echo 문 내부 <?=을 사용하고 있기 때문에 코드가 실패 된 이유, 대신 mouseover 및 mouseout 이벤트를 사용

<a href = "javascript:void(0)" onclick = "clicked(<?=$the_job_id;?>, <?=$the_job_id;?>)"> 
    <img src='img/remove.png' onmouseover="this.src='img/remove_light.png'" onmouseout="this.src='img/remove.png'" /> 
</a> 

<script> 
    //If you are sure that lightposid and fadeposid are going to be same 
    //than 1 parameter is sufficient 
    function clicked(lightposid, fadeposid) { 
     document.getElementById('lightpos' + lightposid).style.display='block'; 
     document.getElementById('fadepos' + fadeposid).style.display='block'; 
    } 
</script> 

그리고 하나님을 위해

사용 :hover 의사 ...

그리고 당신은 화장실하는 경우 king 대신 img 태그의 URL을 바꾸는 대신 함수를 사용하십시오. 의 값으로 위의 데모에서 사용하고 1, 1 :

주

Demo

(내가 lightpos1 의 id 및 가진 fadepos1을 요소가 없기 때문에 콘솔 로그는 정의되지 않은 반환됩니다) <?=$the_job_id;?>. 그래서 그들은 .. 실제 작업 식별자가 될 것입니다

---

당신은 당신의 CSS에서 이런 걸의 img 태그를 제거 이제

<a href = "javascript:void(0)" onclick = "clicked(<?=$the_job_id;?>, <?=$the_job_id;?>)"> 
    <span class="remove"></span> 
</a> 

같은 span 요소로 대체 ​​사용하고자하는 경우 모든

.remove { 
    display: inline-block; 
    height: 30px; 
    width: 30px; /* Set height and width according to your requirements */ 
    background-image: url('URL_OF_THE_REMOEV_IMAGE_GOES_HERE'); 
    background-repeat: no-repeat; 
    outline: 1px solid red; /* Remove this after you set the height and width correctly */ 
    vertical-align: middle; /* Not sure but I think you will need this */ 
} 

.remove:hover { 
    background-image: url('REMOVE_LIGHT_PNG_URL_GOES_HERE'); 
} 

Answer 2

먼저 큰 따옴표 (") 또는 전혀 quotesfor 변수를 사용, 작은 따옴표 (')를 사용하지 말아.

코드에 가변 길이 $ the_job_id을 작은 따옴표로 묶어 입력하십시오.

이 코드보십시오 :

<?php 
echo '<a href ="javascript:void(0)" onclick ="clickFunc()"><img src="img/remove.png" onmouseover="Over()" onmouseout="Out()"></a>' 
?> 

을 그리고이 스크립트를 사용하는 PHP 스크립트에

이

<script> 
function clickFunc() { 
    document.getElementById("lightpos'.$the_job_id.'").style.display = "block"; 
    document.getElementById("fadepos'.$the_job_id.'").style.display = "block" 
} 

function Over() { 
    this.src = "img/remove_light.png"; 
} 

function Out() { 
    this.src = "img/remove.png"; 
} 
    </script>