JavaScript - Using C++ Library In Jf File

First off I'm incredibly new to JavaScript and its likely I am going about this completely the wrong way. But gotta start somewhere.

Also my apologise if I am posting in the wrong area.


Here's my problem.
I have setup a site in CSS3/XHTML that I will use to display some of my photography (im a keen photographer)

The way my Gallery will work will be using Submenu's then there will be a table of Thumbnails which I have setup.

The part I am stuck on is that I want people to be able to click the thumbnails and then the corresponding picture held in the next folder to be displayed in a CSS defined container in the center of the page.

So clicking _Images/Thumbnails/1.gif will bring up _/Images/1.gif in the CSS container

For the life of me I cannot work out how to do it though.
Here is my code so far.



HTML ->

<td>
<a onclick="newImage" href="nogoto">
<img src="_images/Thumbnails/1.png" align="left" width="47px" height="33px" alt="1" id="1"/>
</a>
</td>


CSS ->

#mainpage {
color:#FFF;
text-align:right;
font-size:.7em;
height:365px;
width:529px;
position:relative;
top:25px;
left:35px;
}

JavaScript ->

window.onload = newImage();

function newImage() {
document.getElementById(mainpage).innerHTML = "<script>background-image:_images/1.png;</script>"
}



Obviously I want to expand on this once it works but for now I would just like to get the images to appear correctly when clicked.


Thank you so much in Advance if anyone can help.

I read the posting guidelines but I still have questions that I would love to be answered by anyone willing to tolerate me.

I started studying javascript when I decided that I wanted to create a dynamic webpage after viewing some books that were made to pageflip with Javascript and after viewing a ton of animations. So I figured since everyone keeps saying Javascript is simple that if all I wanted to do was to make a book extend outwards on mouseover and then open up on click and flip pages which they already have a code for that it wouldn't be so difficult. I've read everything I could practiced a little bit, I'm not fluent but I do have a goal and a time.

The problem for me comes up with figuring out what I need to do in order to make it appear as if the book is coming out of a book shelf. There is a lot of information on animations where flat objects rise above clouds.

I am thinking that I would have to use some sort of sprite of a row of books both sorta sideways where you can see the side of the book as well as the edge, and both a row of books on a shelf, or perhaps a row of books with some of the books being pulled out and then on mouse over animate the scene so that it looks like the book is being pulled out.

Would that work? Or is there a simpler way? Another way or I don't know. Is there a code that can make it look like a book is extending outwards without an animation or would I need to create an animation for that? Thank you.

[delete]

Hi all, can anyone recommend me nice tooltip script which is javascript library independent, meaning no help/code from any of libraries such as (jquery, prototype,scriptalicious, mootools,extjs etc.).

Here is the one I particularly like but it uses protoype and that is not option for me now, because I'm just integrating something else into already existing huge script and I don't wanna mess up old functionality or bring some additional unnecessary overhead.

Or even better if you can give me some guidelines / pointers , how to make one from scratch that would be acceptable for me also.

The most important thing is that it points from above downwards, because I found like dozen of good ones but pointing from below. Here is an example what I mean when I say from pointing from above.



Thank you

I encountered an error when my table had only one or zero records when using the filtertable library from javascriptkit.com Here is the solution to fixing it for anyone else who encountered it. Perhaps the library could be updated with the fix?

The error is in the function getChildElms() when the variable 'n' is undefined. Working backwards, I found that there was a problem with some logic in the setFilterGrid() function where the value of 'ref_row' is changed if undefined to a value of '2'. In fact, that value is needed in the line to set the value of tbl.tf_ref_row, but accidentally caused a problem in the call to getCellsNb() where at some point it tries to get at row 2 (offset 3) which doesn't exist in my case. I fixed it by creating a new variable and leaving it as 'undefined' unless ref_row contained a number (passed into the function).

This is a section of the function with the fix:

Code:

		var _row;
		if(ref_row == undefined){
			ref_row=2;
		} else {
			 ref_row=(ref_row+2);
			 _row = ref_row;
		}
		var ncells = getCellsNb(id,_row);
		tbl.tf_ncells = ncells;
		if(tbl.tf_ref_row==undefined) tbl.tf_ref_row = ref_row;
		tbl.tf_Obj = fObj;
		if( !hasGrid(id) ) AddGrid(id);

However, if you have zero rows, you still get an error since there are no tr elements. I fixed this by having the code use the th elements instead when zero tr elements are found. This code is in the function 'getCellsNb()' below:

Code:

{
  	var t = grabEBI(id);
	var tr;
	if(nrow == undefined){
		tr = grabTag(t,"tr")[0];
	}
	else {
	 tr = grabTag(t,"tr")[nrow];
	}
	var n = getChildElms(tr);
	if (!n){
		n = getChildElms(th);  // Check for 'th' elements instead.
		return n.childNodes.length;
	}
	return n.childNodes.length;
}

If you have no data rows and no header row, then you're on your own :)

Hi,

I Have been working on a archive/library for our animators here, with images of old and useful models/3d work.

to help them out and save them some time, I wanted to add the ability to click on a jpeg and open the folder where the files are stored for the desired character/set.

Being a animator myself, and working for a small company (who have no javascript programmers) we have little to no knowledge of the code and would appreciate any help possible.

this is what i have come up with so far

Code:

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

function DriveList()
{
var folder=document.Drive.Name.options[document.Drive.Name.selectedIndex].value;
document.frames['MyComputer'].location.href = folder;
}
function FolderChoose()
{
var location=document.UserLocation.FolderLocation.value;
document.frames['MyComputer'].location.href = location;
}
</script>

</HEAD>

<BODY>

<FORM NAME="UserLocation">
<P><font size="2">Type in a Folder Location: </font>
<INPUT TYPE="text" name="FolderLocation" length="25" size="20">
<INPUT TYPE="button" value="Open Folder" onClick="FolderChoose();"></P>
</FORM>
<IFRAME NAME="MyComputer" SRC="about:blank" WIDTH="50%" HEIGHT="20%"></IFRAME>
</CENTER>

however this only allows the user to manually search for the files.
Is it possible and what would be the best approach to achieving this.

I have been using DreamWeaver to create the library if that is of any help.

Thanks in advance!

Matt

Qatrix is a new kind of JavaScript library for easily building up high performance web application with less code. And now is released today.

The features of Qatrix a

Hardware Accelerated Animation
Qatrix will use the native CSS3 transition to process the animation as possible. And this kind of native basic process operation will enable hardware acceleration by browser. The animation of Qatrix will be more faster and more smoother.

High performance code
Qatrix is using more native code and special design to increase the performance. Web application will run much more faster and more efficient.

Easy-to-learn
The name of functions on Qatrix is familiar with the most popular JavaScript jQuery. It will be much more easy to use without re-learn other new concept and knowledge.

Cache system
Qatrix included a simple cache system to storage and fetch data with high speed.

Incredible size
Only 6KB compressed and gzipped file size with 60+ functions. Load script instantly without expectation.

Read more and download: http://qatrix.com

I am trying to use a javascript plugin for jQuery library that transforms a regular select html element into a dropdown checkbox list (Dropdown Check List, see http://code.google.com/p/dropdown-check-list/), however I believe that the prototype library that I am loading immediately after the jquery library is still conflicting with it somehow even though I modified my code to reflect the following changes (which is supposed to allow the use of prototype with jquery):

http://docs.jquery.com/Using_jQuery_...ther_Libraries (Including jQuery before Other Libraries)

My code (in a cold fusion environment, which should be irrelevant) looks like this:

Code:

<html>
 <head>
  <SCRIPT LANGUAGE="JavaScript" SRC="js/jQuery/jquery.js" TYPE="text/javascript"></SCRIPT>
  <SCRIPT LANGUAGE="JavaScript" SRC="js/prototype.js" TYPE="text/javascript"></SCRIPT>
  <script language="javascript" type="text/javascript" src="js/jQuery/ui.core.js"></script>
  <script language="javascript" type="text/javascript" src="js/jQuery/ui.dropdownchecklist.js"></script>
  <script language="javascript" type="text/javascript">
	jQuery(document).ready(function() {
		jQuery("#cbo_status").dropdownchecklist({ width: 200, maxDropHeight: 120 });
	});
  </script>
 </head>
 <body>
  <select id="cbo_status" name="cbo_status" multiple="multiple">
   <option value="-1">All</option>
   <option value="1" SELECTED>Assigned</option>
   <option value="2" SELECTED>In Progress</option>
   <option value="3" SELECTED>Complete</option>
   <option value="4" SELECTED>Verified Resolved</option>
   <option value="5" SELECTED>Will not be addressed</option>
   <option value="6" SELECTED>Wishlist</option>
  </select>
 </body>
</html>

When I run the debugger, here's the error I'm still receiving:

Error: Object doesn't support this property or method (pointing to the line below, character 3)
jQuery("#cbo_status").dropdownchecklist({ width: 200, maxDropHeight: 120 });

Does anyone have any idea why this might still be failing?

Hi,

Can someone tell me what I am doing wrong. Script works on the first attachment but not the other two?

Code:

<script type="text/javascript" language="JavaScript"><!--
function ExtensionsOkay() {
var extension = new Array();
var fieldvalue = new Array();
fieldvalue[0] = document.customApp.attachment_1.value;
fieldvalue[1] = document.customApp.attachment_2.value;
fieldvalue[2] = document.customApp.attachment_3.value;
extension[0] = ".doc";
extension[1] = ".docx";
extension[2] = ".txt";
extension[3] = ".pdf";


// No other customization needed.
for(var f = 0; f < fieldvalue.length; f++) {
var thisext = fieldvalue[f].substr(fieldvalue[f].lastIndexOf('.'));
for(var i = 0; i < extension.length; i++) {
	if(thisext == extension[i]) { return true; }
	}
alert("Your upload field " + f + " contains an unapproved file name.");
return false;
}
}
//--></script>

I can get this code to take two separate sections of a file which are not beside each other and write them into another file. It always comes up as a single full line of the code instead of the sections I want. The code includes the student number first name last name and three results of assignments. I want the code to write the student number and three results of all the students into a file and then work out the average of the student results. Can you help?

Code:

 try{                    
               while (in.hasNextLine())
               {
                  String line = in.nextLine();
                  out.println( line);
                  int i=0;
                  if(!Character.isDigit(line.charAt(i)))  { i++; }
                  studentStringNumber = line.substring(0, i);
                  String stringResult = line.substring(i);
                              	
                  studentStringNumber = studentStringNumber.trim();
                  stringResults = stringResults.trim();
                  double stringResultsValue = Double.parseDouble(stringResults.trim());
                  stringResults = in.nextLine();
                              	
                                 
                  studentStringNumber = in.nextLine();
                  studentNumber = Integer.parseInt(studentStringNumber);
                  if(in.hasNextInt())
                  {
                     int value = in.nextInt();
                  }
               						 					   
                  results = Double.parseDouble(stringResults); 
                  if(in.hasNextDouble())
                  {
                     double value = in.nextDouble();
                  } 
               						               	
                            	
                  Scanner lineScanner = new Scanner(line);
                  studentStringNumber = lineScanner.next();
                  while(!lineScanner.hasNextDouble())
                  {
                     studentStringNumber = studentStringNumber+ " " +lineScanner.next();
                  }
                  stringResultsValue = lineScanner.nextDouble();     
               }
            }

Hi i am using javascript for the first time and i have a problem .I have 2 files html and javascript file in seperate but i donot know how to make them work .the code is down below .Thanks in advance for help.


HTML
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<meta name="description" content="Instagram API - usage" />
<meta charset=utf-8 />
<title></title>
</head>
<body>
<input id="lat_input" type="number" value="60.221374"/>
<input id="lng_input" type="number" value="24.805391"/>
<button id="search_location">Search</button><br/>
<button id="get_popular">Get popular</button>
<div id="images"></div>
</body>
</html>



Javascript file


// API DOCUMENTATION:
// Instagram Developer Documentation

var clientId = 'e7538f47e197479d8d32a63ae3ae4cd2';

$('#search_location').click(function () {
getMediaByLocation($('#lat_input').val(), $('#lng_input').val());
});

$('#get_popular').click(function () {
getPopularImages();
});

function getMediaByLocation(lat, lng) {
var o = {
lat: lat,
lng: lng,
client_id: clientId
};

$.getJSON('https://api.instagram.com/v1/media/search?callback=?', o, function (response) {
processImages(response.data);
});
}

function getPopularImages() {
var o = {
client_id: clientId
};

$.getJSON('https://api.instagram.com/v1/media/popular?callback=?', o, function (response) {
processImages(response.data);
});
}


function processImages(array) {
$('#images').empty();
$.each(array, function (index, element) {
var fs = $('<fieldset>').appendTo('#images');

$('<img>').attr('src', element.images.low_resolution.url).appendTo(fs);

if (element.caption) {
$('<pre>').text(element.caption.text).appendTo(fs);
}

$.each(element.comments.data, function (index, comment) {
$('<pre>').text('Comment from ' + comment.from.full_name + ': ' + comment.text).appendTo(fs);
});

});
}

Hello all, I am new here and have a question about a AP Div I am using as a dropin. It drops in when the page loads and I would like it to only drop in if a visitor clicks a link I designate as the dropin link. Can someone please tell me how to accomplish this? I am pasting in the js file and I will also need to know how to set up the "a href" link to call the dropin! Thanks is advance for any help you may give!

Code:

// JavaScript Document

var ie=document.all
var dom=document.getElementById
var ns4=document.layers
var calunits=document.layers? "" : "px"

var bouncelimit=32 //(must be divisible by 8)
var direction="up"

function initbox(){
if (!dom&&!ie&&!ns4)
return
crossobj=(dom)?document.getElementById("dropin").style : ie? document.all.dropin : document.dropin
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
crossobj.top=scroll_top-250+calunits
crossobj.visibility=(dom||ie)? "visible" : "show"
dropstart=setInterval("dropin()",50)
}

function dropin(){
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
if (parseInt(crossobj.top)<100+scroll_top)
crossobj.top=parseInt(crossobj.top)+40+calunits
else{
clearInterval(dropstart)
bouncestart=setInterval("bouncein()",50)
}
}

function bouncein(){
crossobj.top=parseInt(crossobj.top)-bouncelimit+calunits
if (bouncelimit<0)
bouncelimit+=8
bouncelimit=bouncelimit*-1
if (bouncelimit==0){
clearInterval(bouncestart)
}
}

function dismissbox(){
if (window.bouncestart) clearInterval(bouncestart)
crossobj.visibility="hidden"
}

function truebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}


window.onload=window.setTimeout(initbox,5000);

Does anyone know how to accomplish this? I got the html file to show but none of the text in the file will show.

All --

I have a JavaScript config file called gameSetting.js which contains a bunch of variables which configures a particular game.

I also have a shared JavaScript library which uses the variables in gameSetting.js, which I include like so:

<script type="text/javascript" src="gameSetting.js" ></script>
<script type="text/javascript" src="gameLibrary.js" ></script>

In gameSetting.js I have:

$(document).ready(function()
{
// call some functions / classes in gameLibrary.js
}

in Firefox, Safari, and Chrome, this works fine. However, in IE, when it's parsing gameSetting.js, it complains that the functions that live in gameLibrary.js aren't defined. When it gets to parsing gameLibrary.js, the variables in gameSetting.js are reported as not being defined.

I've tried dynamically bootstrapping the gameLibrary file using this function in document.ready for dynamic load...

$.getScript("gameLibrary.js");

However, the same problem still happens in IE, where when it parses the files individually it's not taking into context the file/variables that came before, so it's not an out of load order problem.

My options a

1) collapsing all the functions in gameLibrary.js and variables in gameSetting.js into one file. However, this is not practical because this is dealing with literally hundreds of games, and having a gameLibrary.js in ONE location for ONE update is what makes most logical sense.

2) figure out a way to get this to work where variables in file1 are accessible to file2 in IE (as it seems they are in other browsers).

jQuery seems to be able to have multiple plugins that all refer to the based jQuery-1.3.2.js, so I know there is a way to get this to work.

Help appreciated.

Nero

help me!

im have 2 file .js
file 1.js code:
document.write("<script src=2.js></script>")
document.write(f)

file 2.js code:
var f="hello"

im want run 1.js get variable of file 2.js by 3.html but don't run!

code 3.html

<script src=1.js></script>