JavaScript - Dynamic View

If there is no street view available for a specific long and lat on google maps, is there a way to display some kind of message instead of the grey box which google shows? I cant find anything in the API?

Hi ,

I made a table that retrieves some Data from the Database also I did some calculations for this data using Javascript and It works fine , but I can't see the calculated values in the source code .

That's the Problem , cause I can't print it or export it without these values.

and the source code doesnt show it...

so , what can I do , to view the generated values from JS in the source code ??


Thanks , I'm afraid this is a task related to my job and I need ur Help Urgently

I'm using IE 6 only as a web browser and the Javascript Calculations are functions and Classes in a seperated file and I linked it to the Report page ...

Hi everyone,
While designing my www I used the tab view script made by Lyubinskiy found on javascript kit www. It works brilliant on mozzila and chrome. However when I tried on safari and IE, the tabs don't work.
Can anyone tell me how should I adjust the sript for it to work on IE and Safari?
Code:

function tabview_aux(TabViewId, id)
{
  var TabView = document.getElementById(TabViewId);

  // ----- Tabs -----

  var Tabs = TabView.firstChild;
  while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;

  var Tab = Tabs.firstChild;
  var i   = 0;

  do
  {
    if (Tab.tagName == "A")
    {
      i++;
      Tab.href      = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
      Tab.className = (i == id) ? "Active" : "";
      Tab.blur();
    }
  }
  while (Tab = Tab.nextSibling);

  // ----- Pages -----

  var Pages = TabView.firstChild;
  while (Pages.className != 'Pages') Pages = Pages.nextSibling;

  var Page = Pages.firstChild;
  var i    = 0;

  do
  {
    if (Page.className == 'Page')
    {
      i++;
      if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
      Page.style.overflow = "auto";
      Page.style.display  = (i == id) ? 'block' : 'none';
    }
  }
  while (Page = Page.nextSibling);
}

// ----- Functions -------------------------------------------------------------

function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }

function tabview_initialize(TabViewId) { tabview_aux(TabViewId,  1); }

thanks for any suggestions

My goal is to have one big picture center with 4 smaller pictures to the left that you click on and is target to the center. When you click on the center it will zoom. I haven't worked on it in a few years and not able to find the person who wrote the code. I added the zoom coding to the picture switch. The zoom works fine but when you click the smaller images the image is not viewable.

Coding in the head

Code:

<!--Image Viewer-->
	<script language="javascript" type="text/javascript">
<!--

function canManipulateImages() {
	if (document.images)
		return true;
	else
		return false;
}

// loadPosterImage

function loadPosterImage(imageURL) {
	if (gImageCapableBrowser) {
		document.imagePoster.src = imageURL;
		return false;
	}
	else {
		return true;
	}
}

gImageCapableBrowser = canManipulateImages();

// -->
</script>
<!--End Image Viewer-->


<!--Picture Zoom-->
<script>
// C.2004 by CodeLifter.com
var nW,nH,oH,oW;
function zoomToggle(iWideSmall,iHighSmall,iWideLarge,iHighLarge,whichImage){
oW=whichImage.style.width;oH=whichImage.style.height;
if((oW==iWideLarge)||(oH==iHighLarge)){
nW=iWideSmall;nH=iHighSmall;}else{
nW=iWideLarge;nH=iHighLarge;}
whichImage.style.width=nW;whichImage.style.height=nH;
}
</script>
<!--End Picture Zoom-->

The body code

Code:

<!--Picture #4-->
<tr>

	<td><A href="F:\mamies\santa_pic\purple_bottom.gif"
		   onClick="return(loadPosterImage('F:\mamies\santa_pic\purple_bottom.gif'))">
		<img src="F:\mamies\santa_pic\purple_bottom.gif" 
			   border=1 align=center width=56 height=75></A>
	 </td>


</tr>
</table>

	<table align="center" border="1" cellspacing="0" cellpadding="5" height="10" bgcolor="#002152" bordercolor="#980008">

<tr>

<!--Image Zoom-->
	<td><img name="imagePoster" src="F:\mamies\santa_pic\purple_front.gif"
border="0" 
width="354"
height="502"
onclick="zoomToggle('354px','502px','708px','1004px',this);">
<!--End Image Zoom-->

Thanks for your help

Charlene

Basic steps:
A user loads the web page Wants to view a post by clicking Read more... A message box appears "Subscribe to view the article" Quote:
If the user is subscribed, they view without any message boxes, links or redirects.
What is the best practice to allow a user to view an entire post by clicking a Read more... only after subscribing?

How do I hide my javascript from html page (from view source on right click)?

Hi,

I'm creating an extension on Firefox that wishes to parse the source of a page that the user is currently viewing for specific information.

I've gotten as far as creating a simple extension with a button and when I click on it, it will show the url of the page I am currently viewing through:
content.location.href

All the examples I've seen so far concerning viewing the source forces you to either use the 'view-source:' convention or the 'xmlhttprequest' method. But these examples seems to be meant to be called within a web page and not an extension.

When I cut and paste with these examples, I only get the source for the actual chrome portion of Firefox. I've tried modifying some of the examples to include 'content.document....etc' to reference what's being displayed in the browser, but it doesn't seem to work.

Can anyone provide sample or reference code so I can extract the page source of my current window from an extension?

Thanks!

I have created and opened a new window using Javascript and written to it with the document.write Command. When I click "View" and then "Page Source" (Firefox) to view the source of it, however, it displays a blank page. How can I get the source of a window I created?

Thank You

Charles

I have a dataTable in which on the keyup event, the cursor focuses to the next field. In IE7, after a field, the next field is not coming into the view. Please help.
The occField(2nd attachment) comes into view only after focus moves to next field, i.e LTD Buy up.

Code:

if (currId.indexOf("Occ") >= 0)
		{
			if(stdBuyUpSelected){
				autoTabFocus("SBuy",index);
			}else if(ltdBuyUpSelected){
				autoTabFocus("LBuy",index);
			}
			else if (isStateZipDisp){
				autoTabFocus("Zp",index);
			}

		}


function autoTabFocus(next,index)
{
	var focusElem = document.getElementById(next+index);
	if (focusElem != null)
	{
		focusElem.focus();		
	}
}

I am making a site HERE and I was using this:

Code:

<script>
            if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile/i.test(navigator.userAgent)) {
                if (document.URL != "http://www.precisionpaintandcollision.net") {
                    window.location = "http://m.precisionpaintandcollision.net";
                }
            }
</script>

to auto-redirect mobile users to the mobile site and I want to keep that but I want them to be able to view the desktop site without that code affecting them. I know some apps have "force/request desktop site" but i'd like them to be able to just view the desktop site without auto redirecting to mobile site. Is this possible? Thanks -John

Hi,

Following this jQuery slideshow tutorial (Usecase 3 sample, about 2/3 down the page, this is the one without thumbnails):

http://www.gcmingati.net/wordpress/w...vwt/index.html

I constructed the slideshow:

http://backstageweb.net/Salon/slideshowcode.htm

...which works perfectly in browser view locally (FF and IE). When uploaded to the server, however, I've got a static list of photos as you can see. Can someone shed some light on what the problem is? All relevant files are attached (I changed the images to simple colors to get the file size within the attachment limit).

Thanks.

John

Hi - I'm working in ASP.Net 2.0. My page has a GridView control, which is populated by a SQLDataSource. The GridView has one Button control per row. The button has a client-side javascript function (ShowDelete) attached to its OnClientClick event on DataBinding of the GridView. This event fires some javascript. The javascript does 3 things:
- It changes the text of the button from "Hide" to "Create"
- It changes the background color of the button from red to green
- It assigns a new onClientClick event to the button: "ShowAvailable"

The text and the color of the button change with no problem. After I change the OnClientClick event, I send an alert with the button's OnClientClick event and it reports it to be "ShowAvailable". However, when I click on the button, it doesn't fire ShowAvailable, it fires the original onClientClick event (ShowDelete). Also, when I do View Source, it shows the button's text, color and OnClientClick event as their original settings, i.e., "Hidden", "Red" and "ShowDelete", even though I'm looking at a green button that says "Create." What's going on here?

Here's the code I use to attach the OnClientClick event on DataBinding of the GridView:

Code:

foreach (GridViewRow row in this.gvLocation.Rows)
{
  if (row.RowType == DataControlRowType.DataRow || row.RowType == DataControlRowType.EmptyDataRow)
  {
    int rowindex = row.RowIndex + 1; //to exclude the header which is counted as a row when we get to javascript
    btnAction.OnClientClick = "ShowDelete(" + rowindex.ToString() + "); return false";
  }
}

Here's the javascript for ShowDelete:
Code:

function ShowDelete(rowindex)
{
  var locationgridID = '<%= gvLocation.ClientID %>';
  locationgrid = document.getElementById(locationgridID);
  if (locationgrid != null)
  {
    action_cell = locationgrid.rows[rowindex].cells[3];
    for (k = 0; k < action_cell.childNodes.length; k++)
    {
      if (typeof(action_cell.childNodes[k].id) == 'string')
      {
        action_cell.childNodes[k].value = "Create";
        action_cell.childNodes[k].style.backgroundColor = "Green";
        action_cell.childNodes[k].onclientclick = "ShowAvailable(" + rowindex + "); return false";
        alert(action_cell.childNodes[k].onclientclick); // reports the OnClientClick event is ShowAvailable
      }
    }
  }
}

Any thoughts are greatly appreciated!

Hi @ all!

I've a div that is editable (contentEditable = true). The div has a fixed size like a letter page. When the user has written so much text that the text overflows I want add a new div above and let flow the overflown text in the other div. (it's the some behavior like MS Word in page view, but now it is in the web)

It is possible to do something like this in the web?


One way to implement this is to check if the text of the div overflows (I've found java script examples in the web which do that). And than I need the text that overflows to move it to the next div. But I have not found a function that do this. Is there such a function?


Another way is to insert a gap at that position a new page begins and use an background image that looks like a page border. With this solution, the whole text is in one div but it looks like floating to another page. But therefore, I have to add a gap between to lines at a specific position (the page border/margin and the gab between the pages). Does anyone have an idea how to realize this?


Maybe there are other possibilities to find a solution, aren't there?


I hope, you have understand what I want to realize. If not, please feel free to ask me!

Thank you for answers and hint in advanced!

Konstantin

-Please delete-

will make another thread with simpler explanation.

I am pretty novice. I do not know much about the compilers or how these things run. I do however have a good eye for trends and can figure just about anything out by looking at it.

With that;

I have a game that uses a exe launcher with a built in patcher.

I have found the code for the launcher. There are several "jquery" scripts for basic components like scroll wheel. There are also things like "downloader.js", "inputs.js".

I am interested in seeing what (and more precisely how many) ip addresses are being retrieved. I fear this patcher is using a hidden bittorrent like download system.

The code for "downloader" is pretty basic. It clearly uses some other script, but I am wondering if you can point me in the direction of a utility to monitor running JS so that I can see what is being returned.

Code:

_Downloader = function()
{
	this.downloadStatusCallback = null;
}

_Downloader.prototype = 
{

	setDownloadStatusCallback: function(callback)
	{
		this.downloadStatusCallback = callback;
	},

	addDownload: function(downloadName, metaUrl, outputPath, authorizationURL) // returns bool
	{
		return document.SSNLauncher.SSNLauncher_ReturnBool('addDownload', 'string:' +  downloadName + '|' + 'string:' +  metaUrl + '|' + 'string:' +  outputPath + '|' + 'string:' +  authorizationURL + '|');
	},

	removeDownload: function(downloadName) // returns bool
	{
		return document.SSNLauncher.SSNLauncher_ReturnBool('removeDownload', 'string:' +  downloadName + '|');
	},

	getDownloadOption: function(downloadName, optionName) // returns string
	{
		return document.SSNLauncher.SSNLauncher_ReturnString('getDownloadOption', 'string:' +  downloadName + '|' + 'string:' +  optionName + '|');
	},

	setDownloadOptions: function(downloadName, enableBitSources, enableWebSources) // returns bool
	{
		return document.SSNLauncher.SSNLauncher_ReturnBool('setDownloadOptions', 'string:' +  downloadName + '|' + 'bool:' +  enableBitSources + '|' + 'bool:' +  enableWebSources + '|');
	},

	getDownloadActive: function(downloadName) // returns bool
	{
		return document.SSNLauncher.SSNLauncher_ReturnBool('getDownloadActive', 'string:' +  downloadName + '|');
	},

	setDownloadActive: function(downloadName, active) // returns bool
	{
		return document.SSNLauncher.SSNLauncher_ReturnBool('setDownloadActive', 'string:' +  downloadName + '|' + 'bool:' +  active + '|');
	}

}

function __Downloader_reportdownloadStatus(downloadName, state, active, totalBytes, bytesLeft, maxIncoming, averageIncoming, currentIncoming, maxOutgoing, averageOutgoing, currentOutgoing, bytesRead, bytesSent, scanBytesLeft)
{
	if (SSN.Downloader.downloadStatusCallback != null)
	{
		SSN.Downloader.downloadStatusCallback(downloadName, state, active, totalBytes, bytesLeft, maxIncoming, averageIncoming, currentIncoming, maxOutgoing, averageOutgoing, currentOutgoing, bytesRead, bytesSent, scanBytesLeft);
	}
}

I have tried on several occasions to teach myself programing. I can get the commands and syntax fairly easily, and I am pretty good at 'coming up' with ways to get something done. I just don't have experience in this field (I'm in medical school) so I do not know about the tools and utilities programers use and scouring the internet has been less than fruitful.

Anybody capable of pointing me in the direction of finding a utility to monitor running js (if that is even possible =/).

I use dreamweaver CS5 to explore js code.