사용자 입력 자바 스크립트를 기반으로 HTML 생성

내 문제는 사용자가 선택한 2 개의 변수를 사용하는 자바 스크립트 함수를 만들고 해당 변수를 기반으로 20 개 div로 생성 할 이미지를 선택해야합니다.사용자 입력 자바 스크립트를 기반으로 HTML 생성

나는 이것을 며칠 동안 알아 내려고 노력했지만 아무 것도 얻지 못했습니다.

바르가 그래서 : 년, 분기

이미지가 지역에 따라 이름과 div의 사전 설정되어 있습니다. 그래서 이미지는 "regionone_2005_q1.png"이됩니다.

그래서 내가 찾고있는 것은이 문제를 해결하는 방법에 대한 조언입니다. 사용자 입력을 기반으로 요청하지 않는 한 이미지를로드하지 않도록 브라우저가 필요합니다. 여전히 이미지를로드하고 코드를 기반으로 이미지를 바꿀 수 없기 때문에 "숨기기"를 사용할 수 없습니다.

html 내에서 javascript 변수 사용에 대한 자습서를 찾는 데 문제가 있습니다. 이 프로그램의 주범은 서버 측 스크립팅을 사용해야한다는 것입니다.

출처

2011-12-22 Phil Royer

이미지의'src' 속성에 값을 제공하지 마십시오. 이미지가로드되지 않습니다. 그런 다음 함수에'src' 속성을 설정하십시오. 그러면 브라우저가 이미지를 다운로드하여 표시합니다. – Chad

지금까지 무엇을 얻었습니까? – NibblyPig

지금까지 무엇을 했습니까? AJAX에 대한 경험이 있습니까? –

라이브 데모 :http://jsfiddle.net/LvsJH/

HTML

<img id="myimage" src="#" />

자바 스크립트는

myimage = document.getElementById('myimage'); 
//I have added a Google image, use your desired image here 
myimage.setAttribute('src','http://www.google.com.bd/images/nav_logo99.png');

특정 이벤트 또는 DOM이 준비 후 JS를 넣습니다.

출처

2011-12-22 17:09:32 Usman

고마워요! 이 작품! –

당신은 대단히 환영합니다. – Usman

사용자 입력 자바 스크립트를 기반으로 HTML 생성

답변

관련 문제