I was just looking a the Battleship game by Jason Hotchkiss Is there a way to modify the Javascript so that you can display the ships in square blocks (3X3, 2x2 These could be bases etc.) rather than lines (1x3,1x4)
View 3 RepliesI don't know if it's appropriate to discuss a JS library here, but I'm wanting to use jQuery to toggle the display of content based on a selected radio button. Here's an example HTML
Code:
<label><input type="radio" name="toggler" value="block01" />Show block 1</label>
<label><input type="radio" name="toggler" value="block02" />Show block 2</label>
<label><input type="radio" name="toggler" value="block03" />Show block 3</label>
<div id="block01>This is block 1</div>
<div id="block02>This is block 2</div>
<div id="block03>This is block 3</div>
Obviously the idea is that only one block is displayed at a time. I'm happy to get the effect anyway possible, but I do want to use jQuery because I believe it will be easier in the long run.
What I don't know how to do is to use the value of a selected radio option to show a block with the same ID as the value. I'm also not sure if I'm correctly select a name when I use $("[name='toggler']").
EDIT: Actually, I don't seem to be able to select the radio buttons using any other method than $("input"). Even if I give each input the same class I can't select it using $(".toggler").
I have the following code:
function createSquare(event) {
var x = parseInt(event.clientX);
var y = parseInt(event.clientY);[code].....
This shows me a square and a select but the select isn't populated with anything.i do have a form later on down the page. The form code is (which I try and pull in the info from the select in the form in the select in the createSquare:
<form action="" name="tag" method="post">
<input type="hidden" name="picture_id" value="4">
<select name="tagged_person" id="tagged_person">[code]....
I'm hoping that someone can help me with a question I have about javascript syntax.
I got an html page that uploads an image and some text field to a database.
What I'd like to do is modify the content of one of the textfields prior to it being submitted to the database. Specifically, I need to append the contents of one of the fields to another.
The problem that I've encountered is that the textfield name contains square brackets , ‘extra_fields[Price]'
I've identified the square brackets as being the problem by changing the textfield's name to one that doesn't contain square brackets ,extra_fieldPrice for example and the script works fine.
Unfortunately, in the real world application of this page, I can't change the textfield name.
The specific part of the html page that's giving me problems is:
I know very little about javascript, but was wondering if something like this can be done?
Would it be possible (with mootools or jquery) to have homepage that will rotate its home page content forwards and backwards based on either triangle or square? ie, you can rotate through 3, 4, etch home pages?
Sort of like a slider, but it rotates off a center axis of the triangle or square?
I cannot manage to do a square root operation. I am using the coding:
var a = Math.sqrt(b);
getting an empty square character instead of a space.Looks ok printed by php.It seems to happen after I use rubout or delete and then type a space in my JS editor; when the edited text is displayed via ajax in a JS tooltip, I see an empty square.Hundreds of articles have this problem so I need a way to remove them. Iv'e tried various character replacements but can't seem to determine what the square character is (char code).
View 2 Replies View Relatedi want to update several Textboxes by reading the value of another Box. For that i use the following small script:
<form name="form1" method="POST">
<input type="text" name="xx" value ="1"
<input name="tex1" type="text" size=16 maxlength=80 value="1">
</form>
Everything works fine, but for my PHP-Script i need square brackets [
]. If i try to add them, my Script got an error:
<form name="form1" method="POST">
<input type="text" name="xx" value ="1"
<input name="tex[1]" type="text" size=16 maxlength=80 value="1">
</form>
Whats wrong?
While trying to get a selector to work with ids that include square brackets, I searched the forum and found that I needed to escape the brackets with '\'. However, while this works with my fiddle: can't get the exact same selector to work within my page in either FF or Safari. I've triple-checked the id and it is correct; I know that jQuery is working on the page because changing the selector to$('.nameinput') gives the expected results. can't change the id because I'm working within an existing application; I know I could add a class to the input and use that as the selector instead. I'd prefer not to and would just like to figure out why this isn't working.
View 1 Replies View RelatedI do undersand the basic notation of jQuery selectors, but I don't understand what the [0] means in the following code snipet:
$("body").append(
$([
overlay = $('<div id="lbOverlay" />')[0],
[code]....
I am trying to make a hollow square for loops this is what i got but i dont want my loop to go infinite i just want my loop to stop after first time.
<html>
<head>
<script type="text/javascript">
var squareSize;
[Code].....
Basically what I need to do is take a number of elements, lets say 6 in this case, all of which are div's with an image child e.g.
<div class='triangle-element'>
<img src="../images/face.jpg" />
<div>
I have been looking for days for a way to do this but have made no progress.
The text looks fine in php but when displayed by javascript, some of the spaces are shown as an empty square symbol.
I have tried the following to change any unusual character to a space, but it doesn't help. code...
I believe that the character is created by a javascript-based editor when either the delete or backspace key is used to make an edit.
I have this strange symbol in many articles so I need a way to deal with this (the articles display fine when displayed by a php CMS).
I'm using javascript to show a preview of the article as a link tooltip.
Can't figure out why the pattern will match a period but not a square bracket.For example, it will match "See Jack run." but not "See [Jack] run.". Just ignores the brackets.
Code:
var title = note_title.value;
// validate periods and brackets
[code]....
I need to call javascript code from within body block. The below code runs fine will I run into problem with some browsers or is there a better way?
<html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">
function test1() {
document.write("Hi there");
return true; }
</SCRIPT>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
document.write("Hello world and ");
test1();
</SCRIPT>
</body>
</html>
I am experiencing some crazy stuff, at least crazy to me Both the 'if' and 'else' blocks (according to firebug) are being executed in the following anonymous function:
[Code]...
I am adding code to a SharePoint 2007 list where I want a calculated field to be a colored square based on a status column.I have all the code I need to create a colored round bullet, but I would like the bullet to be square or a rectangle.I was not able to find a repalcement for the "bull" in the below code.
arr[i].innerHTML = "<DIV title='Long Term Focus' style='font-weight:bold; font-size:24px; color:green'>•</DIV>";
how do I get the post data from html in jQuery which contains square brackets?
[code]........
is possible with JavaScript to drag and drop a .jpg from your desktop to a small square box on you website. On drop the picture has to upload the file and store it on the server.
View 2 Replies View RelatedI've got a bunch of <div> blocks, with a fixed width and height, that are all left floated.I would like a user to be able to click a "remove" link and have it delete a box, and all the boxes to the right "slide in" to fill the void created.I have it working well enough with a "snap" transition. I made that term up because I'm not sure how else to describe it--by "snap" transition I mean that the boxes to the right "snap" into position--there's no "sliding" or easing as they move, it's just moment their in their old positions, and the next moment, everything has been rearranged and they're in their new positions. how to adequately describe it in text, so here's a video showing what I mean: [URL]
View 2 Replies View Relatedmy indexof() function is not being recognized when I enter an email address for an unsubscribe form I have on one of my pages. Additionally, the confirmation message is also not showing up when the email address IS valid. Here is my code that I am using on a PHP page:function Unsubscribe() {
var IsValid = document.getElementById("email").value;
alert(IsValid.indexOf("@"));
exit;
[code]....
to those PHP experts, I am aware of the RegEx function for validation, but I don't understand it, which is why I don't use it (in case anyone points that out).The other thing that is problematic is that the PHP code is automatically using HEADER() regardless of "email"'s value
I was just wondering if it's recommended to have all your javascript contained in a single unified block or if it's okay to have them spread out across the document? I find the second approach ensuring JS is located near code that is directly associated increases readability, but I'm worried it may have a negative effect on performance, however minor.
View 3 Replies View RelatedThe first page is the Index page, with a new post link which popups the second page.
The Second page (which loads OK) has a link that submits to the third page,
(below).
This third page closes itsself and Loads a new page into the Index page.
But problem is if the Index page is closed it needs to pop up the newpage.htm which get s blocked. Code:
I want to write a program that change the color of blocks and text on each block in a web page by it.You know in a web page we have many blocks and each blocks we have texts and may be shapes.So,I want to assign three(3) code to each block and text and also shape on each blocks so by selecting each of them,the color of each 3 items[ above items;the color of background of blocks,color of text on the blocks and the color of shape on the bolcks ] changed immediately and automatically.
View 2 Replies View Relatedmy javascript does not working after I retrieve a record that contains square symbol in the database. The square symbol should be a newline in a textarea. This is how the record "looks" in the table: [URL]
I am inserting the record using ASP and the value with square symbol is the value from a textarea with newline/enter. After that I retrieve the value using ASP and pass it to javascript and then the page is not working. If I retrieve other record which contain no square symbol then the script is working.
I have a series of divs in 2 blocks say BLOCK1 and BLOCK2 and I want to use one click to expand/collapse all those in each block. But the code I came up with exapands all the divs in the entire page.
How do I restrict it to each block and also how do I cllapse those in each block
and change the text to Collapse All. I am stumped here. Any help really really appreciated. Here is my code: