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 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 am attempting to write a javascript to determine if 3 input values can be a triangle? If they can be I need to create an alert. If not I also need an alert. If it is a triangle I also need to determine if it is a right angle triangle and generate an alert. I have no problem with and have solved for the is it or is it not a triangle portion with alerts but when I try to add the formulas for a right triangle and the appropriate alert I am failing.
<html>
<head>
<title>What 3 Sizes Create a Triangle</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="Javascript" type="text/javascript">
[Code].....
I'm looking for a script (JS or any) that can turn/flip a flat image into a perspective. For example, a user uploads their photo and the script will add perspective to the image.
View 6 Replies View Relatedhad this in browsers areas but people told me I should put it here in Javascript because more people here would probably have seen it before and know why it happens. I have basic Javascript that rotates images. I've noticed any kind of Javascript code that rotates images has this same problem only in Mozilla. When the images rotate in Mozilla in between the rotations, Mozilla browser adds a little colored square that represents a blank image that are able to be seen does anyone know why Mozilla Browser adds that? For example when looking at this page in Mozilla can see it. if you know if this is some Mozilla problem with Javascript and images. Doesn't happen with IE and other browsers shows the images only and nothing else.
View 2 Replies View RelatedI need to draw like image 1 in file attach. But after i write code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code]....
Well, not really a question but I'm pretty pleased with this JS I wrote I had to create triangles for this project I'm on, but there really isn't much out there in the way of that. Especially for things like mouseover effects.
Give it a go, let me know what you think! The only limitation atm is one side of the triangle MUST be flat, facing NSE or W. It's going to have functionality for specifying any 3 coordinates soon, and dragable capability as well a few more bits.
When we use the alert(message) method to pup out a message.
The message window has always a yellow triangle symbol. Inside the triangle there is a punctuation mark "!".
I feel this triangle is ugly. Can I remove it?
I'm trying to use Javascript to have an array of images that load randomly AND work in a slideshow manner so change every 3 seconds (in a logical order). The code I have below presents a random image but how do I get them to continue from the random image and change to the next every 3 seconds?
<script language="JavaScript">
images = new Array(3);
images[0] = "<a href = 'photo1.html'><img src='images/photo1.jpg' alt='Photo 1'></a>";
images[1] = "<a href = 'photo2.html'><img src='images/photo2.jpg' alt='Photo 2'></a>";
images[2] = "<a href = 'photo3.html'><img src='images/photo3.jpg' alt='Photo 3'></a>";
[Code]...
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 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 RelatedIve got a small image of a power button and when pressed the inner section on the button changes to yellow, but when its pressed down Im also trying to get part of my H1 (main header logo title) to change to yellow.
Ive created a span with an id surrounding the letters of the H1 that I want to change, the id being : "power";
The javascript that I have come up with so far and works is as follows:
<img id="poweron" src="http://www.sitepoint.com/forums/images/power.png" alt="Power on button" onmousedown="this.src='images/poweron.png';" onmouseup="this.src='images/power.png';"/>
I understand Im not really supposed to be using inline JS, and I know Ive got to create a function for the onmousedown event to trigger changing the H1 text, so am I under the right impression that the JS so far written is redundant and will have to be re-written so thats contained within a script placed just before the closing </body> and an external script for invoking the main function ?
i 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].....
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 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 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 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'm trying to create a four-box form in which the user enters information into the first two boxes,and the program fills the second two boxes in.Basically,I need a form to calculate the square footage and cost of a vinyl banner.In the first text box the user would enter the banner's height.In the second box the user would enter the banner's width.
The third box would multiply the height by the width and display the total square footage of the banner.So far, I have this part down. The following is what I need help with: the fourth box.The fourth box needs to display the cost of the banner. I have a complicated pricing structure. For example:
If the total square feet for the banner is under 12 square feet, the cost is $60.00. If the square feet for the banner is between 13 and 25 square feet. The cost is $4.80/square foot and ect...I believe this would be done using some variation of an IF statement but I can't get it to work.Using this example, what would I add to the form to get this work? The following is the form I have so far which just consists of the calculation of the square feet which is all I've been able to get working.
Code:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>[code].....