스크립트로 바꾸려면
본문
아래코드에 php 섞여 있는데
순수 스크립트로 바꾸려면 어떻게 해야 할까요?
쉽게 말해 price값이 저장되어 있으면 잘 작동하는데
최초 글쓰기시에 저장되어 있지 않는 상태에서는 작동이
안돼서요
<script>
<?php
$price = explode("|", $write[price]);
for ($i = 0; $i <count($price); $i++) { ?>
$('#imgUrl<?=$i?>').on('change keyup paste',function(){
var a=document.getElementById('imgUrl<?=$i?>').value;
var b=a
.replace('30x30','500x500')
.replace('32x32','500x500')
document.getElementById('imgUrl<?=$i?>').value=b;});
<? } ?>
</script>
답변 2
정확하게 무슨 의미인지는 잘 감이 오지 않지만...
제이쿼리를 사용하지 않고 바닐라로 작성했습니다.
대충
<script>
writePrice = "100원|200원|300원"; // 기본문자열
price = writePrice.split("|"); // 문자열을 | 을 기준으로 배열로 바꿈 - split 는 php 에서 explode 기능
for (var i = 0; i < price.length ;i++) { // length 는 php에서 count 의 기능 - 여기서는 3번 반복
document.write("<input type=text id=imgUrl" + i + " value=30x30>");
this["imgUrl" + i].onchange = this["imgUrl" + i].onkeyup = this["imgUrl" + i].onpaste = function() {
this.value = "500x500";
}
}
</script>
감사합니다. 이정도면 할 수 있을거 같습니다 ~~!
php 변수를 쓰고 있어서 해당에서는 힘들고 $wirte[price]값을 자바스크립트 변수에 하고는 할수 있겠죠
감사 합니다
<input type="text" name="p_img_url[]" id="imgUrl<?=$i?>" class="img_url_txt" title="이미지 URL" value="" onblur="imgurlcheck(this);" onfocus="this.select()"> 이렇게 되어 있는데
여기에 값이 들어오면 위의 코드로 .replace('30x30','500x500') 이렇게 replace하려는 것입니다.
