Note that there are some explanatory texts on larger screens.

plurals
  1. POHtml file is not running in emulator
    primarykey
    data
    text
    <p>I developed an html file. That index.html is running on webview and action is performed, but when imported to android file then only UI is displaying but it is not performing action. Helping hands are appreciated.</p> <p>Here is my code</p> <pre><code>enter code here </code></pre> <p> `` BrainVita Game .marble { width: 30px; height: 30px; border: 0px;position:inherit; top:0px; left:0px} .marbleHover { width: 30px;height:30px; border:2px; border-color:red} .divclass {border: 1px solid blue; width: 30px;height:30px; text-align:center;} .board-state-Hover {border: 2px solid red; width: 30px;height:30px;} .board-state-Active {border: 1px solid green; width: 30px;height:30px;} </p> <pre><code>&lt;script type="text/javascript" src="http://www.google.com/jsapi"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; google.load('jquery', '1.3.2'); google.load('jqueryui', '1.7.2'); &lt;/script&gt; </code></pre> <p> </p> <pre><code>&lt;script type='text/javascript'&gt; $(document).ready(function() { $('#reset').click(function () { DrawBoard(); }); DrawBoard(); }); function DrawBoard() { $('#Brainvita').empty(); var gameBoard = "&lt;table border='0' cellspacing='3' cellpadding='2'&gt;"; for(var rows = 0; rows &lt; 7; rows++) { gameBoard+= "&lt;tr&gt;"; for(var cols = 0; cols &lt; 7; cols++) { var imgId = " id = 'i" + rows + cols + "' "; var divId = " id = 'd" + rows + cols + "' "; var altValue = " alt = 'i" + rows + cols + "' "; if(rows &lt; 3 &amp;&amp; cols &gt; 1 &amp;&amp; cols &lt; 5) { gameBoard+= GetImageMarble(divId, imgId, altValue); } else if(rows &gt; 1 &amp;&amp; rows &lt; 5) { if(rows == 3 &amp;&amp; cols == 3) { gameBoard+= GetEmptyMarble(divId); } else { gameBoard+= GetImageMarble(divId, imgId, altValue); } } else if(rows &gt; 4 &amp;&amp; cols &gt; 1 &amp;&amp; cols &lt; 5) { gameBoard+= GetImageMarble(divId, imgId, altValue); } else { gameBoard+= "&lt;td&gt;&lt;/td&gt;"; } } gameBoard+= "&lt;/tr&gt;"; } gameBoard += "&lt;/table&gt;"; $('#Brainvita').html(gameBoard); $("div[id^='d']").addClass('divclass'); $('#Brainvita').removeClass('divclass'); $("img[id^='i']").draggable({ containment: '#Brainvita', revert: 'invalid', tolerance: 'fit', snap: true, snapMode: 'inner', snapTolerance: 5}); $("div[id^='d']").droppable({ accept: function(event) { var returnFlag = false; if(event[0].nodeName == "IMG") { var destId = this.id; var srcId = event[0].id; var destNo = parseInt(destId.substring(1,3)); var srcNo = parseInt(srcId.substring(1,3)); var result = Math.abs(destNo - srcNo); var removeNo = 0; if($(this).length == 1 &amp;&amp; result != 0) { switch(result) { case 2: removeNo = ((destNo - srcNo) &gt; 0) ? destNo - 1 : destNo + 1; break; case 20: removeNo = ((destNo - srcNo) &gt; 0) ? destNo - 10 : destNo + 10; break; } if((result == 2 || result == 20) &amp;&amp; removeNo != 0) { var elementToBeRemoved = (removeNo &lt; 10) ? "0" + removeNo : removeNo; if($("#i" + elementToBeRemoved).length == 1 &amp;&amp; $("#i" + ((destNo &lt; 10) ? "0" + destNo : destNo)).length == 0) { returnFlag = true; } } } } return returnFlag; }, hoverClass: 'board-state-Active', drop: function(event, ui) { var destId = this.id; var srcId = ui.helper.context.id; //event.srcElement.id; var destNo = parseInt(destId.substring(1,3), 10); var srcNo = parseInt(srcId.substring(1,3, 10)); var result = Math.abs(destNo - srcNo); var removeNo = 0; if($(this).length == 1 &amp;&amp; result != 0) { switch(result) { case 2: removeNo = ((destNo - srcNo) &gt; 0) ? destNo - 1 : destNo + 1; break; case 20: removeNo = ((destNo - srcNo) &gt; 0) ? destNo - 10 : destNo + 10; break; } if((result == 2 || result == 20) &amp;&amp; removeNo != 0) { ui.helper.context.id = "i" + ((destNo &lt; 10) ? "0" + destNo : destNo); ui.helper.context.alt = ui.helper.context.id; var elementToBeRemoved = (removeNo &lt; 10) ? "0" + removeNo : removeNo; if($("#d" + elementToBeRemoved).length == 1) { $("#i" + elementToBeRemoved).remove(); $("#d" + elementToBeRemoved).empty(); } } } } }); } function GetImageMarble(divId, imgId, altValue) { var imgTag = "&lt;td align='center' valign='middle'&gt;&lt;div "; imgTag = imgTag + divId; imgTag = imgTag + "&gt;&lt;img "; imgTag = imgTag + altValue + imgId; imgTag = imgTag + " src='"; imgTag = imgTag + "http://2.bp.blogspot.com/_rTqG9Y-vJsM/S02FPRVxU2I/AAAAAAAACsA/Wa7Ne0AgY_w/s320/Red.PNG'"; imgTag = imgTag + " class=\"marble\"&gt;&lt;/div&gt;&lt;/td&gt;"; return imgTag; } function GetEmptyMarble(divId) { return "&lt;td&gt;&lt;div " + divId + "&gt;&lt;/div&gt;&lt;/td&gt;"; } &lt;/script&gt; &lt;table border="0" cellpadding="1" cellspacing="1" style="border: solid 1px green"&gt; &lt;tr&gt; &lt;td align="center"&gt; &lt;button id="reset"&gt; Reset Board&lt;/button&gt;&lt;br /&gt; &lt;span id="messages"&gt;&lt;/span&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;div id="Brainvita"&gt; Hello&lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;div id="Trace" style="display: none; width: 400px;"&gt; Trace Messages &lt;/div&gt; &lt;div id="adivSample" style="display: none; width: 100px"&gt; Where are you? &lt;/div&gt; &lt;div id="adebug" style="display: none; width: 100px"&gt; Debug Messages Here &lt;/div&gt; </code></pre> <p> </p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload