JavaScript - Javascript Pasuser Question For Iphone App

Hi

On the following URL on the iphone and Ipad the jqzoom script is showing the enlarged image on the left but works fine in IE, Chrome, Firefox etc.

The script in use is jqzoom.

http://tinyurl.com/bwcxf8c

Any idea welcome.

Thanks
Roy

Hi Guys,
I've been searching the net for both examples and pluggins to create draggable divs and although I've found many, I cant find the effect I'm after. I want the div to slow down to a stop after it has been release like when you are scrolling on one of apples mobile devices. If anybody can point me in the right direction ill be very great full.

I'm working on this project: http://bit.ly/tkrFsP

It already works more or less fine in: IE7, IE8, IE9, FF, Chrome, Safari and Opera.

Problems start when we try that in iPhone or iPad. iPhone works almost fine (except lags and AJAX/jQuery problems) but in iPad it has broken left navigation, wrongly re-sized thumbnails and it displays in half of the viewport. Also, there are problems with smoothness of jQuery animations and with AJAX unlike in other browsers on other devices (like PC). Any ideas on how to fix that? I've flicked through this:
1. http://www.smashingmagazine.com/2010...tting-started/
2. http://developer.apple.com/library/s...62/_index.html

It seems like a good place to start but there's many information on iPad/iPhone development on apple.com and their solutions don't fix my problems.

--------
Mo
1. Anyone could outline here some basic code principles for iPad/iPhone?
2. Why project sub-page displays 5 times as large as it should on iPhone? Adding this: <meta name="viewport" content="width=device-width" /> doesn't help much and it even makes website work worse. Adding this: <meta name="viewport" content="maximum-scale=1,user-scalable=yes,width=960" > seems like a better solution but it's not perfect either.
3. How iPad's fixed containers work?
4. Why there's horizontal scroll appearing even with overflow-x: hidden?

hi,

When I navigate to a page with Ajax on my iphone or ipad, it doesn't show up, page is just blank, I have checked for errors and there is no errors?!

here is my Ajax code
Code:

function datecheckFunction(){
	var datecheckRequest;  // The variable that makes Ajax possible!
	
	try{
		// Opera 8.0+, Firefox, Safari
		datecheckRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			datecheckRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				datecheckRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	datecheckRequest.onreadystatechange = function(){
		if(datecheckRequest.readyState == 4){
			var ajaxDisplay = document.getElementById('ajaxDiv');
			ajaxDisplay.innerHTML = datecheckRequest.responseText;
		}
	}
	var datepicker = document.getElementById('datepicker').value;
	
	var queryString = "?datepicker=" + datepicker;
	//Add the following line
	datecheckRequest.open("GET", "http://www.affordableappliancerepairs.co.uk/admin/checkdate.php" + queryString, true);
	datecheckRequest.send(null);
}

I have a simple play js button on my HTML page as well as embedded music. So when you are a computer the music autoplays then stops and you have the option to listen to it again with the js button. This "theoretically" will work fine for the iPhone and iPad because even though the embedded music isn't auto playing the user can still click the listen button and hear the music. It works on the iPhone perfectly but not the iPad. I'm at a loss.

Here is my jscript:

function FFFFSound(soundobj) {
var thissound= eval("document."+soundobj);
thissound.Play();
}

My embedded music:

<embed src="music/FFFFKids.mp3" autostart="true" loop="false" hidden="true">
<embed src="music/FFFFKids.mp3" autostart="false" loop="false" hidden="true" name="sound1">

And my button:

<input type="button" value="Listen" onClick="FFFFSound('sound1')" class="listen_button">

You can view the page at feefifofun.com

I am at a total loss.....

thanks!

I have a video on a page, which on a pc or mac, will play inside a standard flash player.

On the iphone, I have setup javascript to detect iphone / ipod, and replace the flash player with an embedded m4v file:

Code:

if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) { 

                $('div#vid').empty('');
		$('div#vid').html('<div ontouchstart="incrementHitcount()"><embed src="http://www.gridcity.co.nz/uploaded/images/'+cid+'_bg.jpg" href="http://www.gridcity.co.nz/uploaded/videos/'+cid+'.m4v"  type="video/x-m4v" rel="nofollow" target="myself" width="'+vidwidth+'" height="'+vidheight+'" scale="1" id="iphone"></embed><div>');

}

So far so good. I also want to trigger a simple onclick which makes an ajax call a remote PHP file. I have tried ontouchstart instead (see above code) but still no luck.

If I add the onclick to a static image rather than an embed instance, it works fine. But with the embedded video, it's as if the video blocks the onclick event for javascript to pickup.

Does anyone know a way around this?

Hello

I'm having problems with a very simple bit of Javascript not working with the latest version of Safari for ipads and iphones.

The script in question is used as a 'previous image ' and 'next image' navigation facility, basically closing one pop-up window and opening up another, when viewing a photo gallery.

It has worked perfectly for a number of years on all browsers. It is only the latest version of Safari for ipads and iphones where there's a problem.

On an iphone, the new window unfortunately opens up in a new tab and the existing window fails to close. Mobile Safari soon reaches the maximum of 8 permissible tabs as a user moves through the photos gallery.

On an ipad2, no new window opens and the existing window fails to close.

the website is www.gethigh.co.uk

Code:

}
function picPopup4(page,width,height){
//alert(scroll);
	var a;
	a = width / 2;
	var b;
	b = height / 2;	
	var LeftPosition = (screen.width/2) - a;
	var TopPosition = (screen.height/2) - b;
		window.open(page, "", "width="+width+",height="+height+",toolbar=no,header=no,location=no,resizable=yes,"+"left="+LeftPosition +",top="+TopPosition+",scrollbars=yes");
		window.close();

}

and this is an example of the code creating the navigation within each pop-up window

Code:

<tr>
    <td align="center"><a class="link8" href="javascript:picPopup4('legslip1.html','560','770');" target="_self">
        previous image</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="link8" href="javascript:window.close()">close
        window</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="link8" href="javascript:picPopup4('breaking2.html','505','800');" target="_self">next
        image</a></td>
  </tr>

I'll come clean and admit I'm not a programmer and have a very basic and ancient understanding of HTML coding. My website must be approaching double digit years old (which will be immediately apparent if you view its structure). I can usually resolve most things, and maintain its functioanality when needs be, but this particular problem has got me stumped.

I've come onto this forum to see if anyone could provide a simple work-around ? Or if anyone would know if this is a bug within Safari which may be rectified soon (a search through the Apple forums gave no clues). I'm loathed to make any major updates/changes to my site, as despite its age it renders beautifully on all browsers except the latest ipad/iphone Safari.

Cheers and hopefully thanks in advance

Garry

....

I'm not really looking for someone to fix/answer this for me, but maybe give me a hit in the right direction. I need to fix this while loop to run correctly, but has errors in the code. This code is supposed to fill an array with numbers 1 through 100 and then print them.

Here is the code:

<script type="text/javascript">
/* <![CDATA[ */

var count = 0;
var numbers = new Array(100);

while (count < 100) {
numbers[count] = count;
++count;

}

while (count < 100 ) {
document.write(numbers[count]);
++count;
}
/* ]]> */
</script>

What i am most confused about is this part of the code numbers[count] i don't understand what is going on there. Sorry i am very new to this.

Any ideas would be appreciated
thank you.

I have a question about Javascript.

Hello.
I need help with JavaScript enabled.
My job so that I can automatically send button to be pushed faster.
I use google chrome.

For example;
Automatically have form filling add-ons. (Autofill), but only to fill the send button will not print.
How can I do this automatically?

Button codes;
<input type='submit' name='post_shout' value='Shout' class='button' />

Google Chrome address bar: javascript: xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx what I need to write here?

Can I do it after 1-2 seconds and fill out?

Many thanks in advance.
(My English is poor)

I think this is a pretty easy to fix error made by a newb ( me. Can anyone tell me why the call to "this.slideNext() " in the code below does not work. Apparently "this.slideNext() " is not a function?

Code:

function ScoopAnimation(_path, _start, _end, _delay){
	this.start = _start
	this.end = _end;
	this.delay = _delay;
	this.path = _path
	this.currentFrame = _start;
		
		
		
	this.slideNext() = function (){
		this.currentFrame ++;
		console.log('  next this.currentFrame  : ' +this.currentFrame );
		}	
		
		
	
	this.start= function ()	
	{
		console.log('next this.start()   : ' +this.currentFrame );
//THE NEXT LINE CAUSES THE ERROR!
		this.slideNext() 
		 
		
		
		}
	
		this.start();
		
}

HI Guys!!

My name is Megan and I am a college student in need of some JavaScript help for my computer science class!!

My professor is making us complete some stupid class project for finals and I can't figure it out! He suggested that we may try to find a JavaScript Website to help us if we have trouble figuring out how to write the code.

I have looked and looked and can't find out how to fix my code!!

We have to write code to make a slot machine ..

I have started the code based on what he gave us and have tried my hardest to figure out how to complete it but I do not know how to finish it.

I have the images working correctly (kind of.. the second one seems to have problems loading? I dunno what I did to mess that up) and the counter working, but I need to make it add 13 credits when all 3 images are the same. I added code that I thought would work but it's not for some reason that I can't figure out. It should also pop up an alert screen when all 3 are correct and you win. I guess this would have to be including with the if statement and something like alert('You win 12 credits!!!')

Lastly I need to add code that prevents the person from playing when the credit line is 0 (so you can't get - credits!) and I have no idea how to do this.

Any help would be greatly appreciated!

Here's what I have so far!
HI Guys!!

My name is Megan and I am a college student in need of some JavaScript help for my computer science class!!

My professor is making us complete some stupid class project for finals and I can't figure it out! He suggested that we may try to find a JavaScript Website to help us if we have trouble figuring out how to write the code.

I have looked and looked and can't find out how to fix my code!!

We have to write code to make a slot machine ..

I have started the code based on what he gave us and have tried my hardest to figure out how to complete it but I do not know how to finish it.

I have the images working correctly (kind of.. the second one seems to have problems loading? I dunno what I did to mess that up) and the counter working, but I need to make it add 13 credits when all 3 images are the same. I added code that I thought would work but it's not for some reason that I can't figure out. It should also pop up an alert screen when all 3 are correct and you win. I guess this would have to be including with the if statement and something like alert('You win 12 credits!!!')

Lastly I need to add code that prevents the person from playing when the credit line is 0 (so you can't get - credits!) and I have no idea how to do this.

Any help would be greatly appreciated!

Here's what I have so far!

Code:

<html>
<head>
<title> Slot Machine</title>
<script type="text/javascript" src="http://balance3e.com/random.js"></script>
<script type="text/javascript">
      function SpinSlots()
      // Assumes: slot images are in http://balance3e.com/Images
      // Resultes: displays 3 random slot images
{
	var slot1, slot2, slot3;

	slot1 = RandomOneOf(['lemon', 'cherry', 'bar']);
	slot2 = RandomOneOf(['lemon', 'cherry', 'bar']);
	slot3 = RandomOneOf(['lemon', 'cherry', 'bar']);

	document.getElementById('slot1Img').src =
	'http://balance3e.com/Images/' + slot1 + '.jpg';
	document.getElementById('slot2Img').src =
	'http://balance3e.com/Images/' + slot2 + '.jgp';
	document.getElementById('slot3Img').src =
	'http://balance3e.com/Images/' + slot3 + '.jpg';
	
	document.getElementById('credits').innerHTML =
	parseFloat(document.getElementById('credits').innerHTML) - 1;
	
	
	if (slot1 == slot2 == slot3)
	{
	document.getElementById('credits').innerHTML =
	parseFloat(document.getElementById('credits').innerHTML) + 13;
	}
}
</script>
</head>

<body>
<div style="text-align:center">
<p>
	<img id="slot1Img" border=1 alt="slot image"
	       src="http://balance3e.com/Images/cherry.jpg">
	<img id="slot2Img" border=1 alt="slot image"
	       src="http://balance3e.com/Images/lemon.jpg">
	<img id="slot3Img" border=1 alt="slot image"
	       src="http://balance3e.com/Images/bar.jpg">

</p>
<input type="button" value="Click to Spin" onclick="SpinSlots();">
<p>
Credits Remaining: <spin id="credits">20</span>
</p>
</div>
</body>
</html>

I'm trying to figure out this question that was assigned to me, as I haven't done alot on javascript before but I've tried to get most of this, I'm just not sure if this is correct. If anybody could help it would be greatly appreciated.

The question is as follows:

You are provided with a string array called country that contains the name of every country that the Ski Club visits. For example one element of this array might be as follows:

country[0] = "Austria"

Another array called villages contains strings with information on village names and altitude in a particular country. For example:

villages[0] = "Austria:Seefield 850m*";

Write a JavaScript function snowReport(countryIndex) that will use the arrays provided to write a report of all villages that include a given country. The function will be passed an integer representing the index of an element of the country array.

A match is found if the country appears in a string (Hint use appropriate JavaScript function to evaluate if a country name is contained in a village string.)

All matching villages should be displayed. Output should be displayed in the villages div element you defined in part (a). Output is shown for a search for Austria in Figure 1b.



<script type="text/javascript">

function makeArray() {
var country = new Array(5);
country[0] = "Austria";
country[1] = "Canada";
country[2] = "France";
country[3] = "Germany";
country[4] = "Switzerland";
return country;

var villages = new Array(2);
villages[0] = "Austria:Seefield 850m*";
villages[1] = "Austria:Ellam 100m";
return villages;
}

function snowReport(countryIndex){
var string = "";
for (var i = 0; i < countryIndex.length; i++){
str += countryIndex[i] + " ";
}
return str;
}
</script>
</head>
<body>
<script>
var x = makeArray();
document.write(snowReport(x));
</script>

</body>
</html>



Many thanks!

I am a newbie with a newbie question =)

I recently took an exam type thing using my Firefox browser (v3.5.3). I still have my browser window open that I used, and when I press the back button on the browser I get a message "To display this page, Firefox must send information that will repeat any action ..."

Is there any way (either disk or memory cache) to reload the pages with out having to resend the data, OR is there any way (hex editor) to view the exam (forms) questions??

Just curious,
Thanks

Hey Guys,

I was creating an image map with rollover images. I was just wondering if I could add a fade effect to the transition. The underarms is the only rollover that works at the moment. Please check the source code for the code because it's too long to post here. http://wedezign.com/chris/

So erm. Hello there. I fail at javascript, and yet, I'm trying it.
Anyways, I'm working on this thing. It's an extension for google
chrome very similar to firefox plugins and so on. I'm making an
extension so that, when installed, it changes the look of facebook
completely. I have successfully changed the colors. However, I
am having some trouble getting my javascript to change images.
If anybody out there has some insight on what I'm doing wrong, I am
glad to accept any kind of help that anyone is willing to give me, lol.


What I've done so far:




I have to change the facebook logo (what I'm trying to do now)
and then change the links, and very few more things, and I'm done.

Problem: I can't figure out how to change the image.
I can change the background color, as you saw earlier.
I just need a code to change the image.
The CSS behind it is:
Code:

#pageLogo a{background:#3b5998 url(/rsrc.php/z8S5R/hash/ez3x5cuc.png) no-repeat -21px 0;display:block;position:absolute;height:31px;left:-6px;width:103px;top:10px}

and the HTML implementing it is:
Code:

<h1 id="pageLogo"><a href="http://www.facebook.com/?ref=logo" title="Home" accesskey="1"></a></h1>

and my structure of javascript is:
Code:

  for(i=0;i<=document.getElementsByTagName("div").length;i++)
  {
    if(document.getElementsByTagName("div")[i].id != null)
    {
      if((document.getElementsByTagName("div")[i].id=="blueBar"))
      {
        document.getElementsByTagName("div")[i].style.backgroundColor='#B22222';
      }
	  if(( document.getElementsByTagName("div")[i].id == "headNavOut"))
      {
        document.getElementsByTagName("div")[i].style.backgroundColor='#8B0000';
	  }
	  }
  }
  
});

I appreciate any help anyone's willing to give.