javascript - Jquery empty() or remove() wont work -

-

i working on little game practicing jquery , php. clicking on right spot you'll go next question or have fail. checking right answer use img(img of question) usemap 

        <img id="questions" src="../img/items/question1.png" style="height: 450px;width: 700px;" usemap="#result">         <map name="result">         </map>

as can see, map has no area's. add in script:

$(document).ready(function(){   var score = 0;    var answer1 = '<area class="true" shape="circle" coords="145, 175, 40" href="#">';   var entireimg = '<area class="false" shape="rect" coords="0, 0, 700, 450" href="#">';    $(answer1).appendto('map');   $(entireimg).appendto('map');    $('.true').click(function(){       score++;       $('#questions').attr({src: "../img/items/question2.png"});    });   $('.false').click(function(){       $('#questions').attr({src: "../img/items/fail.png"});       $('.notes').show();   }); });

if got right answer add new area right answer location each question. problem got is; cant remove previous answer area form. what tried far:

changing variable other location add to map:

$('.true').click(function(){     score++;     $('#questions').attr({src: "../img/items/question2.png"});     answer1 = '<area class="true" shape="circle" coords="200, 300, 40" href="#">';     $(answer1).appendto('map'); });

remove var map:

$('.true').click(function(){     score++;     $('#questions').attr({src: "../img/items/question2.png"});     $('answer1').remove(); });

remove added element:

$('.true').click(function(){     score++;     $('<area class="true" shape="circle" coords="145, 175, 40" href="#">').remove();         });

and empty value (and empty value , append 'empty' value again).

non of work, , knowledge have far (witch not much) cant figure out (already spent 2 hours googling around).

i put game online on links: http://i333180.iris.fhict.nl/demo/pages/index.php

regards

since want remove element you're clicking on, use:

$(".true").click(function() {     score++;     $(this).remove(); });

Comments

Post a Comment

Popular posts from this blog

Android : Making Listview full screen -

-
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".mainactivity"> <edittext android:layout_margintop="5dp" android:layout_width="match_parent" android:layout_height="50dp" android:background="@drawable/location_edittext" android:id="@+id/locationeditext" android:textsize="15sp" android:textcolor="#999" android:paddingleft="15dp" /> <com.example.ravi_gupta.slider.viewpagercustomduration android:layout_width="wrap_content" android:layout_height="0dp" android:id="@+id/viewpager" android:scrollbarstyle="outsideoverlay" android:layout_weight="0.5...
Read more

javascript - Parse JSON from the body of the POST -

-
i'm using cameratag.com record video on website. service can send json response server can save data database. don't know how proceed here: the documentation states please note json repsonse passed in body of post , not form parameters. here example of how parse response in ruby: data = json.parse(request.raw_post) video_uuid = data["uuid"] but don't know how data on javascript. i'm not experienced in js please bare me :) post sample: { "uuid": "00012710-4b65-0131-ffe6-22000a499ea4", "camera_uuid": "98373a20-79ee-0130-3e42-1231390fcc11", "created_at": "2013-12-20t05:25:02.000z", "percent_complete": 100, "short_code": "kktb4q", "metadata": { }, "state": "published", "recorded_from": "http://singwho.com", "publish_type": null, "formats": [ { "name...
Read more

javascript - How to Hide Date Menu from Datepicker in yii2 -

-
basically in datetimepicker widget date choose first time, how can hide date option widget , filter according time. tried not working want hide remove button [ 'attribute'=>'time', 'label'=>'time', 'format'=>'raw', 'value'=>function($data){ return date('h:i:s',strtotime($data->time)); }, 'filter'=> datetimepicker::widget([ 'model' => $searchmodel, 'attribute' => 'time', 'clientoptions' => [ 'autoclose' => true, 'format' => 'hh:ii', 'showon' =...
Read more