javascript - showing alert when drag and drop matching is correct with html css js -

-

i followed tutorial on internet on drag , drop, using js function:

function draguser(user, event) {     event.datatransfer.setdata('user', user.id); } function dropuser(target, event) {     var user = event.datatransfer.getdata('user');     target.appendchild(document.getelementbyid(user));  }

and div/id/elements modified this:

<div id="unassigned" ondrop="dropuser(this, event)" ondragenter="return false" ondragover="return false">     names:     <a draggable="true" class="user" id="banana" ondragstart="draguser(this, event)">banana</a>     <a draggable="true" class="user" id="newyork" ondragstart="draguser(this, event)">new york</a>      <a draggable="true" class="user" id="london" ondragstart="draguser(this, event)">london</a>      <a draggable="true" class="user" id="ant" ondragstart="draguser(this, event)">ant</a>      <a draggable="true" class="user" id="melon" ondragstart="draguser(this, event)">melon</a>      <a draggable="true" class="user" id="cow" ondragstart="draguser(this, event)">cow</a>  </div>  <div id="fruit" ondrop="dropuser(this, event)" ondragenter="return false" ondragover="return false">     fruit </div>  <div id="animal" ondrop="dropuser(this, event)" ondragenter="return false" ondragover="return false">     animal </div>  <div id="city" ondrop="dropuser(this, event)" ondragenter="return false" ondragover="return false">     city </div>

to live demo put on jsfiddle here --> http://jsfiddle.net/skinnytotoro/njdyj/1/

now want add alert when sorting/ drag , drop matching correct (like, name belong correct category) there alert saying "all matched. welldone! :)" (below table or around box)

or when 1 or names belong in wrong category, there's alert shows text-warning "almost right. keep trying!"

and question is.. code or js function have add make it? (the alert thingy)


Comments

Post a Comment

Popular posts from this blog

java - How to Configure JAXRS and Spring With Annotations -

-
i working on little spring web service project. here example route: package com.example.api; import javax.ws.rs.get; import javax.ws.rs.path; import javax.ws.rs.produces; import javax.ws.rs.pathparam; import javax.ws.rs.ext.provider; import javax.ws.rs.core.mediatype; @provider public class webserviceroutes { @get @path("/hello") public string health() { return "hello"; } } then in spring configuration class: package com.example.api; import org.springframework.context.annotation.bean; import org.springframework.context.annotation.configuration; @configuration public class springcontextconfiguration { @bean( destroymethod = "shutdown" ) public springbus cxf() { return new springbus(); } @bean public webserviceroutes webserviceroutes() { return new webserviceroutes(); } } and in web.xml: <?xml version="1.0" encoding="utf-8"?> <web-app version=...
Read more

visual studio - TFS will not accept changes I've made to a Java project -

-
i using tfs's team explorer manage visual studio projects. recently, i've created new java project (not in visual studio) manually added tfs using source control control explorer in visual studio. after added java project tfs, made changes , bug fixes. then, went visual studio , opened source control explorer check in changes, tfs thinks no changes made. it seems needed check out project before making changes. guess erroneously expected tfs track automatically, okay. so, using source control explorer in tfs, checked out project, , tried check in pending changes. when tried check in, got following message: all of changes either unmodified files or locks. changes have been undone server. is there way convince server indeed project has changed? how can check in changes have made? thank help.
Read more

php - Create image in codeigniter on the fly -

-
i want create image in codeigniter in simple php using gd functions. have tried following method in controller function image(){ $my_img = imagecreate( 200, 80 ); $background = imagecolorallocate( $my_img, 0, 0, 255 ); $text_colour = imagecolorallocate( $my_img, 255, 255, 0 ); $line_colour = imagecolorallocate( $my_img, 128, 255, 0 ); imagestring( $my_img, 4, 30, 25, "thesitewizard.com", $text_colour ); imagesetthickness ( $my_img, 5 ); imageline( $my_img, 30, 45, 165, 45, $line_colour ); //$this->output->set_content_type('image/png'); header( "content-type: image/png" ); imagepng( $my_img ); imagecolordeallocate( $line_color ); imagecolordeallocate( $text_color ); imagecolordeallocate( $background ); imagedestroy( $my_img ); } if write code in simple php can see in url http://www.domain.com/image.php if run in codeignite...
Read more