2014-11-11 2 views
2

나는 이것을 시작할 필요가있는 사람을 누군가가 알아낼 수 있기를 바랬다. 난 당신이 이전 섹션에 대해 준 대답에 기초하여 새로운 답변으로 이야기의 다음 부분으로 스크롤하는 대답을 선택하면 어디서 미친 libs 게임을 만들고 있어요.Madlibs jquery story game

각 단락 후 전체 단락이 업데이트됩니다. 완벽한 자전거를 꿈꾸던 ______이 (가) 한 번있었습니다. 그녀는 ______를 상상했고 자전거를 밟은 따뜻한 태양이 자전거의 쐐기에 반영되었습니다. 그녀는 ______이었고, ______ 때문에 타는 것이 그녀의 크기와 스타일에 완벽하게 맞았다는 것을 알았습니다. 이제는 그녀가 필요로하는 것은 모두 ______ 였고 여기서 꿈은 완성되었을 것입니다.

내가 현재 가지고있는 것입니다. 내가 겪고있는 문제는 데이터를 구조화하는 방법입니다. 내가 선택한 질문에 따라 모든 질문을 반복하고 일치해야합니까? 내 안에 성별에 대한 각각의 특정 질문이있는 4 개의 성별 개체가 있어야합니까? 각 단계에서 답변을 어떻게 업데이트해야합니까? 당신이 여자가 대답 경우

http://jsfiddle.net/visualbam/gnwgzhye/1/

There once was a _____ 

A. Little boy 
B. Little girl 
C. Woman 
D. Man 

을 그리고, 다음 부분은 다음과 같습니다

who was dreaming of the perfect bike to ride 

A. to her daily job 
B. on the beach 
C. on trails 
+1

노력하십시오. 당신이 걸림돌을 때 돌아와. jQuery 문서는 멋지고 좋은 아이디어를 제공해야합니다. – isherwood

+1

필자의 바이올린과보다 구체적인 질문으로 업데이트했습니다. – visualbam

답변

3

그것은 여기 당신이 특정 질문이있는 경우 먼저 시도한 것들로, 더 나은,하지만 이것을 달성하기위한 한 가지 방법의 일반적인 개요.

  1. 당신이 필요합니다 답변의 다른 유형에 대해 서로 다른 배열을 만듭니다 (예. 명사 배열, 형용사 하나 등)

    var nouns = ["car", "bus", "pizza"];

  2. 선택하는 방법을 결정 무엇 옵션을 사용자에게 제공합니다. 각 지점에서 임의의 하위 집합을 선택할 수 있으며 선택할 옵션을 수동으로 지정할 수 있습니다. 다른 초기 답변을 통해 다른 답변이 나올 수 있도록 종속성 그래프를 만들 수 있습니다.

  3. 옵션을 선택하십시오. 이것은 HTML 선택 상자 또는 사용자가 선택한 다른 방법 일 수 있습니다. 옵션을 선택하면 단락의 정확한 위치에 삽입하십시오.

그리고 기본적으로 그렇게해야합니다.

+0

아약스를 통해 필요한 답변을로드하고 변수에 클릭 한 답변을 저장하고 스토리 div에 첨부하여 핸들러를 사용하여 스크롤하여 핸들을 업데이트했습니다. http://jsfiddle.net/visualbam/gnwgzhye/3/ – visualbam