JavaScript - Is It Possible To Make A Pdf Co-ordinate On Ipad Open Google Earth App?

Hi Friends,
I am really tired with Chrome , one of my window.open() Stuff work fine in FF and Opera in
Fedora O.S. But Chrome Did not , my code is like:

<script type="text/javascript">
function getpage(id, type){
$.ajax({
type: "POST",
data: "key="+id,
async: false,
url: "<?php echo site_url(); ?>/server/precp/"+type,
success: function (msg) {
window.open("<?php echo site_url(); ?>/server/cplogin/"+msg, "autologin");
}
});
}
</script>

and it call in another JavaScript function like:

function doKeyup(id,e)
{

if(e == 13) {
//alert("e:"+e);
var cp = $("table#serverdata tbody tr#container_tr.row_no td:nth-child(7) a#cp").html();
var dc = $("table#serverdata tbody tr#container_tr.row_no td:nth-child(7) a#dc").html();
if(cp != null || dc != null ) {
var firstId = $("table#serverdata tbody tr#container_tr.row_no td:nth-child(1) input[type=checkbox]").val();
}
if(cp != null) {
alert("Enter here");
getpage(firstId,'cp');
return false;
}

and it firstly call from onkeyup as :

<input type="text" name="find_text0" id="find_text0" autocomplete="off" <?php if ('B' == $sb_pos) { ?> onfocus="document.getElementById('find_text1').value='';" <?php } ?> onkeyup = "return doKeyup('0',event.keyCode);" />

Please Give me a Solution ASAP.

Thankfully
Anes

Hi all , I need some help in altering the location tag and the View Larger Map links to open in a new window, currently it opens in the same window.

I didn't set any links myself, they were already in the code that I got from Google Maps, I placed it on my page as a custom script.

I tried to edit it myself and other frames on my page got all muddle up in preview !!!!!


_THE CODE_
<iframe width="350" height="280" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/?ie=UTF8&amp;ll=37.109574,-8.030563&amp;spn=0.011328,0.022724&amp;t=h&amp;z=16&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com/?ie=UTF8&amp;ll=37.109574,-8.030563&amp;spn=0.011328,0.022724&amp;t=h&amp;z=16&amp;source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>

just started learning scripting.

This bookmarklet essentially takes the domain name of the tab currently open when one pressses it & runs a search query through Google prefixing the related: search operator.

As evident, here it shows the result in the same page replacing the earlier one. I would like it to open in a new tab. Can you please tell me how to do so. Self-learning it. At an initial stage of learning, I am.

Code:

javascript:location.href='https://www.google.com/search?q=related%3A'+encodeURIComponent(location.host)

Hello everyone,
i kinda stuck at this point on my php script, it has this javascript code and i stuck there

Line 16:
Code:

echo("<script language=\"JavaScript\">\nfunction openptc(tpge,pnme,w,h){\nsettings=\"width=\" + w + \",height=\" + h + \",scrollbars=yes,location=no,directories=no,status=1,menubar=no,toolbar=no,resizable=no\";\nwindow.open(tpge,pnme,settings);\n}\n//-->\n</script>");

Line 72:
Code:

print "<td><a href=\"#\" onClick=\"openptc('./paidtoclick.php?adid=$row[linkid]&action=start&".session_name()."=".session_id()."','PaidtoClickPage','640','480');\"><b>Click Here To View</b></a><tr>";

I think those 2 lines actually are my problem
I hope you won't get stuck because it's php and javascript and html.

This code makes the site open in a new pop up window. how to make it open in a new tab

Hi,

I usually don't deal with Javascript, and have no idea whatsoever about it.

All I am trying to do is adjust my ad code from adbrite to make the ads (when clicked) open up in a new window rather than the current one, as this disrupts gameplay on my site. (I have a game site).

This is my ad code:

<!-- Begin: AdBrite, Generated: 2009-10-04 22:48:52 -->
<script type="text/javascript">
var AdBrite_Title_Color = '6728B2';
var AdBrite_Text_Color = 'E1771E';
var AdBrite_Background_Color = '000000';
var AdBrite_Border_Color = '000000';
var AdBrite_URL_Color = 'FFFFFF';
try{var AdBrite_Iframe=window.top!=window.self?2:1;var AdBrite_Referrer=document.referrer==''?document.location:document.referrer;AdBrite_Referrer=encodeUR IComponent(AdBrite_Referrer);}catch(e){var AdBrite_Iframe='';var AdBrite_Referrer='';}
</script>
<span style="white-space:nowrap;"><script type="text/javascript">document.write(String.fromCharCode(60,83,67,82,73,80,84));document.write(' src="http://ads.adbrite.com/mb/text_group.php?sid=1366148&zs=3436385f3630&ifr='+AdBrite_Iframe+'&ref='+AdBrite_Referrer+'" type="text/javascript">');document.write(String.fromCharCode(60,47,83,67,82,73,80,84,62));</script>
</span>
<!-- End: AdBrite -->

I've already checked, and it is not against Adbrite's TOS to do this, however they say they cannot help and you must figure it out yourself.

Any help would be greatly appreciated.

Please help me make the links below open in the "top" or "parent" frame of a window. For example, in HTML, you would use Code:

<a href="URL" target="_top">LINK</a>

I just do not know how to make the links below perform in the parent window. (or even a new window if that is only possible.)

Code:

var $el, $tempDiv, $tempButton, divHeight = 0;

$.fn.middleBoxButton = function(text, url) {
    
    return this.hover(function(e) {
    
        $el = $(this).css("border-color", "white");
        divHeight = $el.height() + parseInt($el.css("padding-top")) + parseInt($el.css("padding-bottom"));
                
        $tempDiv = $("<div />", {
            "class": "overlay rounded"
        });
                
        $tempButton = $("<a />", {
            "href": url,
            "text": text,
            "class": "widget-button rounded",
            "css": {
                "top": (divHeight / 2) - 7 + "px"
            }
        }).appendTo($tempDiv);
                
        $tempDiv.appendTo($el);
        
    }, function(e) {
    
        $el = $(this).css("border-color", "#999");
    
        $(".overlay").fadeOut("fast", function() {
            $(this).remove();
        })
    
    });
    
}

$(function() {
    
    $(".widget-one").middleBoxButton("Action Games","action.htm");
    $(".widget-two").middleBoxButton("Adventure Games", "adventure.htm");
    $(".widget-three").middleBoxButton("Arcade Games", "arcade.htm");
    $(".widget-four").middleBoxButton("Puzzle Games", "puzzle.htm");
	$(".widget-five").middleBoxButton("Sport Games", "sport.htm");
	$(".widget-six").middleBoxButton("Search Games", "searchgames.htm");

});

Thank you very much for your help!!!

I have the code below that gives the ability to open and collapse sections. I don't know too much javascript and found this code online. I tweaked it to serve my purposes but it doesn't do one thing. I would like all of the areas to be collapsed when the page is opened. How would I tweak the code below to do that?

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>
    <title>Untitled Page</title>
    <script type="text/javascript">
    function ExpandCollapseTable1(titleRow)
    {
        if(titleRow.parentNode.childNodes.length > 1)
        {
             if(titleRow.parentNode.childNodes[1].style.display=="block" || titleRow.parentNode.childNodes[1].style.display=="")
             {
                for(var i=1;i<titleRow.parentNode.childNodes.length;i++)
                {
                    titleRow.parentNode.childNodes[i].style.display = "none";
                }
             }
             else
             {
                for(var i=1;i<titleRow.parentNode.childNodes.length;i++)
                {
                    titleRow.parentNode.childNodes[i].style.display = "block";
                }
             }
        }
    }
    function ExpandCollapseTable2(titleRow)
    {
        if(titleRow.parentNode.childNodes.length > 1)
        {
             if(titleRow.parentNode.childNodes[1].style.display=="block" || titleRow.parentNode.childNodes[1].style.display=="")
             {
                for(var i=1;i<titleRow.parentNode.childNodes.length;i++)
                {
                    titleRow.parentNode.childNodes[i].style.display = "none";
                }
             }
             else
             {
                for(var i=1;i<titleRow.parentNode.childNodes.length;i++)
                {
                    titleRow.parentNode.childNodes[i].style.display = "block";
                }
             }
        }
    }
	function ExpandCollapseTable3(titleRow)
    {
        if(titleRow.parentNode.childNodes.length > 1)
        {
             if(titleRow.parentNode.childNodes[1].style.display=="block" || titleRow.parentNode.childNodes[1].style.display=="")
             {
                for(var i=1;i<titleRow.parentNode.childNodes.length;i++)
                {
                    titleRow.parentNode.childNodes[i].style.display = "none";
                }
             }
             else
             {
                for(var i=1;i<titleRow.parentNode.childNodes.length;i++)
                {
                    titleRow.parentNode.childNodes[i].style.display = "block";
                }
             }
        }
    }
	function ExpandCollapseTable4(titleRow)
    {
        if(titleRow.parentNode.childNodes.length > 1)
        {
             if(titleRow.parentNode.childNodes[1].style.display=="block" || titleRow.parentNode.childNodes[1].style.display=="")
             {
                for(var i=1;i<titleRow.parentNode.childNodes.length;i++)
                {
                    titleRow.parentNode.childNodes[i].style.display = "none";
                }
             }
             else
             {
                for(var i=1;i<titleRow.parentNode.childNodes.length;i++)
                {
                    titleRow.parentNode.childNodes[i].style.display = "block";
                }
             }
        }
    }
    </script>
    </head>
    <body>
    <table border='0' bordercolor='#000000' width='100%' cellspacing='0' cellpadding='0' bgcolor=red>
      <tr onclick="ExpandCollapseTable1(this);" style='cursor:pointer;'>
        <td>&nbsp;&nbsp;I</td>
      </tr>
      <tr>
        <td><table border='0' bordercolor='#000000' width='100%' cellspacing='0' cellpadding='0' bgcolor=lightgreen>
            <tr onclick="ExpandCollapseTable2(this);" style='cursor:pointer;'>
            <td>&nbsp;&nbsp;&nbsp;&nbsp;A</td>
          </tr>
            <tr>
            <td><table border='0' bordercolor='#000000' width='100%' cellspacing='0' cellpadding='0' bgcolor=yellow>
                <tr onclick="ExpandCollapseTable3(this);" style='cursor:pointer;'>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;i</td>
              </tr>
                <tr>
                <td><table border='0' bordercolor='#000000' width='100%' cellspacing='0' cellpadding='0' bgcolor=lightblue>
                    <tr onclick="ExpandCollapseTable4(this);" style='cursor:pointer;'>
                      <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;a</td>
                    </tr>
                    <tr>
                      <td bgcolor=orange>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;CONTENT CONTENT CONTENT</td>
                    </tr>
                  </table></td>
              </tr>
              </table></td>
          </tr>
          </table></td>
      </tr>
    </table>
</body>
</html>

FYI, I've also posted this question at:
http://www.tek-tips.com/submitpost.cfm?pid=216
http://www.webdeveloper.com/forum/sh...60#post1106660

I have the google analytics code but it is presenting itself as not valid.

Code:

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>

<script type="text/javascript">
try{
var pageTracker = _gat._getTracker("UA-xxxxxx-x");
pageTracker._trackPageview();
} catch(err) {}
</script>

Can anyone help?
ALso is this script suitable to link to externally?

Sorry for the rather noob question, but I am a beginner after all. Why won't my canvas graphics get rendered? And how can I make it work using this technique?

Code:

<!doctype html>
<html lang = "en">
	<head>
		<meta charset = "UTF-8">
		<title>CH1EX1:Basic Hello World HTML page</title>
		<script src = "http://www.modernizr.com/downloads/modernizr-2.0.6.js"></script>
		<script type = "text/javascript">
		
			window.addEventListener("load", eventWindowLoaded, false);	
			function eventWindowLoaded(){
				canvasApp();
			}
									
			function canvasApp(){
				
				var canvas = document.getElementById("canvas0ne")
				var context = canvas.getContext("2d");
				
						
				function drawScreen(){
					context.fillStyle = "ffffaa";
					context.fillRect(0, 0, 500, 300);
				
				
					context.fillStyle = "#000000"
					context.font = "20px _sans";
					context.textBaseline = "top";
					context.fillText ("Hello World!", 195, 80);
					
				}
				
				context.strokeStyle = "#000000";
				context.strokeRect(5, 5, 490, 290);
			}
			
			drawScreen();
			
		</script>
	</head>
	<body>
		<div style = "position: absolute; top: 50px; left: 50px;">
			Hello world :)!
		
		<canvas id = "canvas0ne" width = "500" height = "300>
			Your browser does not appear to support canvas. Please download a modern browser such as Chrome.
		</canvas>
                </div>
	</body>
</html>

Ok, so I have multiple issues, but this is the one I have not been able to work around. I'm building a simple website for personal use, so I know it only has to work on Safari for the iPad, a simple catalog of song charts for use on stage in my piano bar. Everything works GREAT in Safari/Chrome for Windows 7, but doesn't seem to quite work on Safari for iPad.

The issue I'm having is I've set up a DIV with two image buttons on it to execute a ScrollBy command to scroll the page up or down depending on the button. Everything works great on Safari for Windows 7, as in I can keep scrolling down the page by pressing the scroll down button multiple times. On iPad, it only works once, and will not continue to scroll. I've also tried it in Atomic Lite for iPad, with the same effect. I've mocked up a simple page, to take all the other variables out.

http://www.duelingpianopiano.com/jef...testscroll.htm

Eventually, I will be installing it he
http://www.duelingpianopiano.com/jef...testscroll.htm


The code in the head tag is below:
<code>
<script language="JavaScript" type="text/javascript">
<!-- Copyright 2003, Sandeep Gangadharan -->
<!-- For more free scripts go to http://sivamdesign.com/scripts/ -->
<!--
var y1 = 510; // change the # on the left to adjuct the Y co-ordinate
(document.getElementById) ? dom = true : dom = false;

function hideIt() {
if (dom) {document.getElementById("layer1").style.visibility='hidden';}
}

function showIt() {
if (dom) {document.getElementById("layer1").style.visibility='visible';}
}

function placeIt() {
if (dom && !document.all) {document.getElementById("layer1").style.top = window.pageYOffset + (window.innerHeight - (window.innerHeight-y1)) + "px";}
if (document.all) {document.all["layer1"].style.top = document.documentElement.scrollTop + (document.documentElement.clientHeight - (document.documentElement.clientHeight-y1)) + "px";}
window.setTimeout("placeIt()", 10); }
// -->
</script>

<script language="JavaScript">
function scrollup(){
parent.scrollBy(0,-window.innerHeight-50);
}
function scrolldown(){
parent.scrollBy(0,window.innerHeight-50);
}
</script>
</code>

The code from the body tag:
<code>
<body topmargin="00" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFF00" bgcolor="#FFFFFF" "overflow: visible" onLoad="placeIt(); showIt()">

INSERT CONTENT HERE

<div id="layer1" style="position:absolute; right:0; width:50px; height:150px; visibility:hidden">
<font face="verdana, arial, helvetica, sans-serif" size="2">
<div style="float:left; background-color: ; padding:0px; border:0px solid black">

<img src="upbutton.png" width=50 height=75 border="0" align="left" onClick="scrollup();">
<img src="downbutton.png" width=50 height=75 border="0" align="left" onClick="scrolldown();">
</div>
</code>

Like I said, it works just as needed in Safari/Chrome for Windows 7, but not on iPad. Doesn't seem to work in IE 8, but that doesn't bother me. I have not tested in FireFox.

Your ideas are much appreciated. I'm not an Apple person, so maybe there is a well known issue with scrollBy and Safari for iPad, that I'm not aware of. If that is the case, if anyone has an idea for a direction for a workaround that would be great as well. Eventually, I would like to use the smooth scrolling scripts that I've seen out there, but that is way down the road. I'm more worried about the functionality as is.

Quick question, I found this code snip on stackoverflow and it has one little bug. When you touch / move in the element, the console.log is being fired. If you continue to drag / move outside the element, the console.logs still continue to fire.

So it seems that once the event is started it's no longer confined to the element its being assigned to.

Any ideas on how to keep it bound to the element? Here is the code:

Code:

$('#someElm').bind('touchmove',function(e){
      e.preventDefault();
      var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
      console.log(touch.pageY+' '+touch.pageX);      
});

Thanks in advanced.

The web page belows works OK in IE and FireFox on XP and Windows7
It does NOT work on IPAD using Safari.

Question: How can I delete the new window("IPADREPORT") when I run it the second, third,fourth, etc time ?

How can I get the window name( "IPADREPORT") to see if it exists?

SUggestions?

TIA,
Steve42

<code>
[aSafari.html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
<script language="JavaScript" type="text/javascript">
function pReport(){
// 1-17-12 var menuWindow = open("","ipadreport");
// 1-17-12 menuWindow.close();
// above closes previous report window

var menuWindow = window.open('','ipadreport');// 1-17-12

document.ipadreport.submit();

menuWindow.focus();

}
</script>
<title>Ipad_PopUp_Test</title>
</head>
<body>
<br><br>
<form method=post name="ireport" target="ipadreport" action="http://myreport.asp">
<input type="hidden" name="reporttest" value="apple">
<a href='javascriptReport()'> Create Report</a>

</form>
</body>
</html>
</code>

hi all,
I want to be able to move an image from a left or right when tilting my ipad.
when tilted the the right the image moves to the right according to the angel tilted and do the same to the other direction. the image is doubled (or more) the size of the stage (1024x768).

I can't use Flash for obvious reasons so looking at other options.

thanks

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

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?