Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.

  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

[Nhờ vả] Giúp đỡ làm code

Chủ đề thuộc danh mục 'Hỏi đáp - Thảo luận về web' được đăng bởi duyanhta, 9/7/13.

Lượt xem: 5,857

  1. duyanhta Mới đăng kí

    em đang tâp làm 1 trang web trắc nghiệm tính cách nhưng em không thể viết đươc code này. Em mày mò thì em lam được code trắc nghiệm IQ đúng sai còn code trắc nghiệm này thì em không thể nào làm được. Em mong anh giúp em :
    anh viết dùm em code php hay html thành 1 bài hoành chỉnh luôn nhé!
    em định làm trang như sau:
    câu hỏi:
    1.bạn thích màu gì?
    a.đỏ
    b.đen
    c. trắng
    d. hồng
    2. bạn thích hoa gi?
    a. hoa hồng.
    b.hoa bụt
    c. hoa loa kèn
    d.hoa cúc

    kết quả

    đóa là câu hỏi và câu trả lời
    nếu chọn a thì được 1 điểm chon b thì được 2 điểm c 3 điểm d 4 điểm..
    ở mỗi câu trả lời có nút chọn.sau khi chọn song nhấn vào kết quả
    nếu tổng số điểm nhỏ hơn hoặc bằng 2 thì đưa ra đáp án z
    nếu lớn hơn 2 nhỏ hơn hoặc bang 4 thi ra ket quả x
    nếu lớn hơn 4 nhỏ hơn hoặc bằng 6 thì ra kết quả v
    nếu lớn hơn 6 thì ra kết b
    trong đóa z là bạn là người cá tính
    x bạn là người độc lập
    v ban la người cô độc
    b bạn là người chính chắn
    các kết quả đua ra màng hình

    thật sự em rất đam mê về cái này.. nhưng kiến thức của em không thể lam được mong giúp em!em cảm ơn anh vô cùng
    các anh cứ viết bai hoành chỉnh. anh chạy thử luôn nhé!
    em xin cảm ơn[​IMG]

    ...

    Xem thêm các chủ đề cùng chuyên mục

    Facebook Group Việt Designer
    Tham gia nhóm
    Facebook Fanpage Việt Designer
    Thích trang
    duyanhta, 9/7/13
    #1
  2. banbaonylong

    banbaonylong Ko phải assmin

    bạn ko biết j về php?
    banbaonylong, 11/7/13
    #2
  3. Nguyễn Tất Thắng

    Nguyễn Tất Thắng Rất là bình thường

    Em đam mê cái này, "cái này" của bạn là php hay trắc nghiệm. Nếu là đam mê php thì tự làm đi :v :v Bài này chỉ dùng ~ thuật toán đơn giản thôi, không khó để làm đâu. Có gì ko hiểu thì chịu khó đọc trong
    http://www.w3schools.com/php/default.asp nhé.
    Nguyễn Tất Thắng, 11/7/13
    #3
  4. PeThuBr

    PeThuBr Thành viên cấp 2

    Bạn có thể đọc và làm theo sữa lại câu hỏi mà bạn thích.. này mã html mình nghĩ cũng dễ

    Mặc định thủ thuật này sẽ chỉ có 4 đáp án (A, B, C, D ) cho 1 câu hỏi. Để đồng nhất thì ta nên để mặc định như vậy, tức là các câu hỏi có số đáp án để chọn là giống nhau, như thế ta có thể dùng cho nhiều bài trắc nghiệm khác nhau. Tuy nhiên bạn cũng có thể thêm hoặc bớt số đáp án (tùy chỉnh trong file Javascript : trac-nghiem.js)

    [​IMG]
    Sau khi chọn xong nhấp vào button "Show Answers" và sẽ nhận được hộp thoại thông báo số câu trả lời đúng của bạn:



    [​IMG]


    Và các đáp án đúng sẽ là các đáp án màu đỏ (sau khi đã nhấp chọn xem kết quả)

    [​IMG]

    ☼ Sau đây là các bước thực hiện :

    1. Vào bố cục

    2. Vào chỉnh sửa code HTML

    3. Chèn đoạn code bên dưới vào sau thẻ <head> hoặc trước thẻ</head> :


    <script language="javascript" src="http://trac-nghiem.js"></script>


    4. Save template.



    Lưu ý: trong file JS trên, chỉ cho phép trắc nghiệm dưới 20 câu, nếu nhiều hơn 20 câu thì nó sẽ chỉ test được tới câu 20, muốn thêm số câu hỏi thì bạn phải thêm các đoạn code tương tự vào file JS ở trên.

    - Muốn thêm thành 30 câu hoặc 40 câu thì các bạn làm như sau :

    + dùng NotePad mở file trac-nghiem.js lên, cuối đoạn code của file bạn sẽ thấy dòng code này :


    oElement = document.getElementById("choice20A");

    if (oElement) {

    Total=Total+1

    document.getElementById("choice20A").disabled=true;



    if ((document.getElementById("choice20A").value==document.getElementById("text20").value)&&(document.getElementById("choice20A").checked)) correct=correct+1;



    document.getElementById("choice20B").disabled=true;



    if ((document.getElementById("choice20B").value==document.getElementById("text20").value)&&(document.getElementById("choice20B").checked)) correct=correct+1;



    document.getElementById("choice20C").disabled=true;



    if ((document.getElementById("choice20C").value==document.getElementById("text20").value)&&(document.getElementById("choice20C").checked)) correct=correct+1;



    document.getElementById("choice20D").disabled=true;



    if ((document.getElementById("choice20D").value==document.getElementById("text20").value)&&(document.getElementById("choice20D").checked)) correct=correct+1;



    if ((document.getElementById("choice20A").value==document.getElementById("text20").value)) document.getElementById("C20A").style.color='red';



    if ((document.getElementById("choice20B").value==document.getElementById("text20").value)) document.getElementById("C20B").style.color='red';



    if ((document.getElementById("choice20C").value==document.getElementById("text20").value)) document.getElementById("C20C").style.color='red';



    if ((document.getElementById("choice20D").value==document.getElementById("text20").value)) document.getElementById("C20D").style.color='red';

    }


    + dòng code trên là để kiểm tra câu hỏi số 20, bây giờ nếu bạn muốn thêm thành 21 câu hoặc 22 câu thì các bạn thêm đoạn code tương tự như trên vào ngày sau đoạn code của câu 20, và sửa số 20 thành 21, 22,... 30, ..., ...40,... mỗi câu là 1 đoạn. Như thế ta sẽ có 1 thư viện test cho tới câu 30 hoặc 40 tùy theo bạn thêm vào.

    + Không phải ta thêm trong file JS tới câu 40 là bắt buộc ở phần bài trắc nghiệm cũng phải 40 câu hỏi, bao nhiêu câu trong bài test đều được, nhưng phải nhỏ hơn số câu trong thư viện file trac-nghiem.js .



    - Một điều lưu ý nữa là : host 110mb.com của mình sắp hết bandwith(hiện tại đã hơn 50%) vì thế cho chắc ăn các bạn nên download file trac-nghiem.js về và up lên host riêng của mình.



    5. Sau khi thực hiện xong các bước ở trên , bạn vào phần soạn thảo bài viết và dán code bên dưới vào để thực hiện 1 bài trắc nghiệm :


    1. Câu hỏi 1.

    <input style="visibility: hidden; width: 1px;" value="D" id="text1">

    <input id="choice1A" value="A" name="choice1" type="radio"><label id="C1A">(A) Đáp án A</label>

    <input id="choice1B" value="B" name="choice1" type="radio"><label id="C1B">(B) Đáp án B</label>

    <input id="choice1C" value="C" name="choice1" type="radio"><label id="C1C">(C) Đáp án C </label>

    <input id="choice1D" value="D" name="choice1" type="radio"><label id="C1D">(D) Đáp án D</label>



    2. Câu hỏi 2.

    <input style="visibility: hidden; width: 1px;" value="A" id="text2"><br>

    <input id="choice2A" value="A" name="choice2" type="radio"><label id="C2A">(A) Đáp án A</label>

    <input id="choice2B" value="B" name="choice2" type="radio"><label id="C2B">(B) Đáp án B</label>

    <input id="choice2C" value="C" name="choice2" type="radio"><label id="C2C">(C) Đáp án C</label>

    <input id="choice2D" value="D" name="choice2" type="radio"><label id="C2D">(D) Đáp án D</label>



    3. Câu hỏi 3.

    <input style="visibility: hidden; width: 1px;" value="B" id="text3"><br>

    <input id="choice3A" value="A" name="choice3" type="radio"><label id="C3A">(A) Đáp án A</label>

    <input id="choice3B" value="B" name="choice3" type="radio"><label id="C3B">(B) Đáp án B</label>

    <input id="choice3C" value="C" name="choice3" type="radio"><label id="C3C">(C) Đáp án C</label>

    <input id="choice3D" value="D" name="choice3" type="radio"><label id="C3D">(D) Đáp án D</label>



    4. Câu hỏi 4.

    <input style="visibility: hidden; width: 1px;" value="A" id="text4"><br>

    <input id="choice4A" value="A" name="choice4" type="radio"><label id="C4A">(A) Đáp án A</label>

    <input id="choice4B" value="B" name="choice4" type="radio"><label id="C4B">(B) Đáp án B</label>

    <input id="choice4C" value="C" name="choice4" type="radio"><label id="C4C">(C) Đáp án C</label>

    <input id="choice4D" value="D" name="choice4" type="radio"><label id="C4D">(D) Đáp án D</label>



    5. Câu hỏi 5.

    <input style="visibility: hidden; width: 1px;" value="B" id="text5"><br>

    <input id="choice5A" value="A" name="choice5" type="radio"><label id="C5A">(A) Đáp án A</label>

    <input id="choice5B" value="B" name="choice5" type="radio"><label id="C5B">(B) Đáp án B</label>

    <input id="choice5C" value="C" name="choice5" type="radio"><label id="C5C">(C) Đáp án C</label>

    <input id="choice5D" value="D" name="choice5" type="radio"><label id="C5D">(D) Đáp án D</label>



    <input language="javascript" id="button1" onclick="button1_onclick();" value="Xem kết quả" name="button1" type="button">


    - Chú ý : các code màu đỏ chính là code xác định đáp án đúng cho câu hỏi đó.

    - Trên đó mình chỉ đưa ra 5 câu, muốn thêm vào nữa thì các bạn cứ thêm các code tương tự như bên dưới :


    6. Câu hỏi 6.

    <input style="visibility: hidden; width: 1px;" value="B" id="text6"><br>

    <input id="choice6A" value="A" name="choice6" type="radio"><label id="C6A">(A) Đáp án A</label>

    <input id="choice6B" value="B" name="choice6" type="radio"><label id="C6B">(B) Đáp án B</label>

    <input id="choice6C" value="C" name="choice6" type="radio"><label id="C6C">(C) Đáp án C</label>

    <input id="choice6D" value="D" name="choice6" type="radio"><label id="C6D">(D) Đáp án D</label>


    - Chú ý code màu xanh, thay đổi nó tuần tự theo câu các câu mà bạn thêm vào.



    Chúc các bạn thành công.
    PeThuBr, 26/11/13
    #4
  5. PeThuBr

    PeThuBr Thành viên cấp 2

    biết mới copy được chứ kaka... hổng biết sao copy :P
    PeThuBr, 26/11/13
    #5
  6. PeThuBr

    PeThuBr Thành viên cấp 2

    làm website gì zậy anh .. zậy có cái domain nào ngon cho em y kakak :P
    PeThuBr, 26/11/13
    #6
  7. HoangNam_HP2

    HoangNam_HP2 Banned

    mod cho hỏi sao tự nhiên khóa bài của người ta vậy. không cho cmt mà không 1 lí do. mới đăng hồi chiều h bị close. thật bức xúc nhưng không biết nói ra ở đâu luôn. quăng đại lên này mod trã lời giùm với. sr chủ topic nhá. ức chế thật
    HoangNam_HP2, 26/11/13
    #7
Từ khóa:

Ủng hộ diễn đàn