Re: jquery (unknown) - JavaScript Discussion Boards

AndyInUK11-Aug-11 0:05

11-Aug-11 0:05

Hi,

I am looking for a solution, but not too sure what the problem is called?

For instance, if user is at one page for more than 30sec i want to have a like 3d pop up arrow showing the user where to go next? I am sure i have seen it in couple of sites but can't remember now. I think this can be achieved via jquery? Any examples or ideas how to get it sorted?

Re: jquery (unknown)

Pete O'Hanlon11-Aug-11 0:17

Pete O'Hanlon

11-Aug-11 0:17

You are looking to implement an idle timeout, possibly like the one here[^].

Forgive your enemies - it messes with their heads

My blog | My articles | MoXAML PowerToys | Mole 2010 - debugging made easier - my favourite utility

Re: jquery (unknown)

BobJanova11-Aug-11 2:42

BobJanova

11-Aug-11 2:42

As I mentioned in 'the other place', you don't need JQuery for this. Just set a timeout in body.onLoad which calls a function which puts a visible indicator (img or div) in the appropriate place. (Or starts an animation or whatever is appropriate.)

Do you want it for the user being on the page for 30s, or the user being inactive for 30s? If the latter, you need to hook keyboard and mouse click (probably not mouse move though) events on the document object and reset the timer.

Re: jquery (unknown)

AndyInUK11-Aug-11 5:43

AndyInUK

11-Aug-11 5:43

ok to start with, just trying to load a simple image using javascript but it doesn't work.

HTML

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function timeMsg()
{
var t=setTimeout('alertMsg()',3000);
}
function alertMsg()
{  
var myImage; 
myImage = new Image;
myImage.src = "images/test.png";
}
</script> 
</head>
 
<body onload="timeMsg()">

</body>
</html>

Any idea,what am I doing wrong that it's not loading the image?

Re: jquery (unknown)

BobJanova11-Aug-11 7:28

BobJanova

11-Aug-11 7:28

You didn't add it to the DOM.

I would put the indicator in the page source but hidden, and just show it in the method. Adding things to the DOM dynamically always makes me a bit uncomfortable, though I think it works in all browsers now.

Re: jquery (unknown)

AndyInUK12-Aug-11 1:53

AndyInUK

12-Aug-11 1:53

cool Thanks.

HTML

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript">


setTimeout(function(){
	
	document.getElementById("myimage1").hspace="720";
        document.getElementById("myimage1").vspace="600";
 	
       document.getElementById('myimage1').style.display = 'block';
},3000);


</script> 
</head>
 
<img id="myimage1" src="images/te.png" style="display:none;" />


</body>
</html>

The above displays the image now but it's not positioning it when the web page is not blank.

HTML

document.getElementById("myimage1").hspace="720";
document.getElementById("myimage1").vspace="600";

If page is blank then the above code works but if there is already html etc present, it just displays at random default position everytime.

Any clue?

Re: jquery (unknown)

Not Active12-Aug-11 2:32

Not Active

12-Aug-11 2:32

Position the image appropriately and set it to hidden initially. Then on the timer just show it.

<div id='imageContainer'>
 <img id='myImage' src='...' />
</div>

#imageContainer
{
  add appropriate css
}

$(document).ready(function()
{
   $("#myImage").hide(); 
});
setTimeout(function(){ $("#myImage").show() });

I know the language. I've read a book. - _Madmatt

Re: jquery (unknown)

BobJanova12-Aug-11 6:53

BobJanova

12-Aug-11 6:53

If you know at page construction time where it should go, just position it in the HTML and only unhide it in the timeout, as Mark says.

If not, look up the position of the target control and do some arithmetic to position your image appropriately relative to it.

Either way, it is an overlay so you want to use position:absolute and the top and left (or right) CSS properties, not try a hack with hspace/vspace.

Re: jquery (unknown)

markjoseph123218-Aug-11 2:23

markjoseph1232

18-Aug-11 2:23

Thanks for all your help.. I got solution for the query, i was facing. Smile | :)

Meaning of a syntax in jQuery

CodingLover9-Aug-11 1:43

CodingLover

9-Aug-11 1:43

Hi all,

I have found a jQuery sample, and found the following syntax. But I have no idea about what it is really doing. Can anyone of you comment on it?

JavaScript

var items       = $("#" + element[0].id + "Content ." + element[0].id + "Image");

Thanks in advance

I appreciate your help all the time...
CodingLover Smile | :)

Re: Meaning of a syntax in jQuery [modified]

Not Active9-Aug-11 1:55

Not Active

9-Aug-11 1:55

It is trying to form a selector such as

"#myElementContent .myElementImage"

Honestly, if you can't interrupt this you are going to have a great deal of difficulty in this career.

I know the language. I've read a book. - _Madmatt

modified on Tuesday, August 9, 2011 9:01 AM

Re: Meaning of a syntax in jQuery

Manfred Rudolf Bihy9-Aug-11 2:38

Manfred Rudolf Bihy

9-Aug-11 2:38

Mark Nischalke wrote:
Honestly, if you can't ~~interrupt~~ interpret this you are going to have a great deal of difficulty in this career.

FTFY

—MRB

"With sufficient thrust, pigs fly just fine."

Ross Callon, The Twelve Networking Truths, RFC1925

Re: Meaning of a syntax in jQuery

Not Active9-Aug-11 3:01

Not Active

9-Aug-11 3:01

Guess the spell checker was interrupted and didn't interpret it correctly Laugh | :laugh:

I know the language. I've read a book. - _Madmatt

Re: Meaning of a syntax in jQuery

Shameel9-Aug-11 4:30

Shameel

9-Aug-11 4:30

Mark Nischalke wrote:
Honestly, if you can't ~~interrupt~~ interpret this you are going to have a great deal of difficulty in this career.

Be considerate to beginners, not everyone can be a pro like you Smile | :)

Re: Meaning of a syntax in jQuery

Not Active9-Aug-11 5:29

Not Active

9-Aug-11 5:29

This is a beginners task and one should know how to interpret it. It is well documented.

I know the language. I've read a book. - _Madmatt

Re: Meaning of a syntax in jQuery

Wjousts9-Aug-11 8:28

Wjousts

9-Aug-11 8:28

As somebody who just started playing with jQuery as a way to solve a particular cross-domain scripting problem, I think well documented might be pushing it. It's documented.

Re: Meaning of a syntax in jQuery

Manfred Rudolf Bihy9-Aug-11 2:45

Manfred Rudolf Bihy

9-Aug-11 2:45

Mark got it almost right except that there is a space after content.
"#myElementContent .myElementImage"

This selector will select all elements that have their id attribute set to myElementContent and have an entry of myElementImage in their class attribute. This will be so if element[0].id == "myElement".

You might also find this an interesting read: http://api.jquery.com/category/selectors/[^].

Cheers!

—MRB

"With sufficient thrust, pigs fly just fine."

Ross Callon, The Twelve Networking Truths, RFC1925

Re: Meaning of a syntax in jQuery

Not Active9-Aug-11 3:03

Not Active

9-Aug-11 3:03

Manfred R. Bihy wrote:
there is a space after content

Corrected

I know the language. I've read a book. - _Madmatt

Re: Meaning of a syntax in jQuery

Sunasara Imdadhusen9-Aug-11 17:52

Sunasara Imdadhusen

9-Aug-11 17:52

Description:
Select Element with Id like txtUserContent with Class Name is txtUserImage

Interpretation:
(#txtUserContent .txtUserImage)

Legend:
# getting element by ID
. getting element by ClassName

Thanks,
Imdadhusen

sunaSaRa Imdadhusen
+91 99095 44184

Ext.ux.maximgb.treegrid.GridPanel Search functionnality

Pierre besquent9-Aug-11 0:04

Pierre besquent

9-Aug-11 0:04

Hi every body,
ANy one tried implementing search functionality in Ext.ux.maximgb.treegrid.GridPanel .?
i m using treegrid i need to implement search functionality..
as i m new to ext js dont know how to proceed.
any one know how to implement.?
if any one have tried it then plz post code or the plugin (as grid-filter plugin I have).
Thanks

Get full path for file from Firefox

Wjousts5-Aug-11 4:49

Wjousts

5-Aug-11 4:49

I have a control like this:

HTML

<input type="file" value="Open File" id="openfile"/>

and I need the full path for the selected file. In IE, I can get this, but in Firefox it returns only the filename part. Is there a way to get the full path?

I know somebody gonna say I don't need it to upload a file, but I'm not uploading a file to a remote server and I really do need the local path. My page is passing the local path to a locally running self-hosted WCF server that then passes the path to another application with will actually load the file. Without the full path, the application will treat the path as relative to whatever its current directory is, which obviously fails most of the time.

Re: Get full path for file from Firefox

thatraja7-Aug-11 18:03

thatraja

7-Aug-11 18:03

Answered a similar question in Q/A section few weeks ago, check it

FileUpload.PostedFile.FileName not working in firefox[^]

thatraja

My Tip/Tricks
My Dad had a Heart Attack on this day so don't...

Re: Get full path for file from Firefox

Wjousts8-Aug-11 4:35

Wjousts

8-Aug-11 4:35

Thanks for the reply, but I think that is trying to do the opposite of what I'm trying to do. Your links are looking to remove the path from IE so that you have only the filename. I want to do the opposite, get the path in Firefox.

FireFox-Javascript issue

Pierre besquent3-Aug-11 23:52

Pierre besquent

3-Aug-11 23:52

Hi everybody,
I develop a website with c# langage and Javascrip. It is opened with IE navigator well but in FireFox, most pages are not opened. How can I make my JS code compatible with Firefox navigator?
ty

Re: FireFox-Javascript issue [modified]

Manfred Rudolf Bihy4-Aug-11 4:18

Manfred Rudolf Bihy

4-Aug-11 4:18

Some of the stuff that interacts with the DOM, window, document and events are handled differently from browser to browser. You could build browser switches into your code to handle each situation differently for each browser you intend to support. You could just as well resort to a crossbrowser compatible javascript framework like jQuery[^] for instance which is my favorite.

On the following site you can find a list of the more or less well known Javascript Crossbrowser Frameworks/Libraries[^].

Best Regards,

—MRB

"With sufficient thrust, pigs fly just fine."

Ross Callon, The Twelve Networking Truths, RFC1925

modified on Thursday, August 4, 2011 11:05 AM

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.