JavaScript Discussion Boards

Any body know the basic components to a javascript slideshow?

swydell30-Oct-11 14:43

30-Oct-11 14:43

My assignment is to create a javascript slideshow using an array, and an onclick button to call the next image function.I've been visiting tutorial, using google, wikipedia but I'm still not quite clear on what I'm doing. I understand the for loop, arrays, functions, onclick button but I haven't been able to put it together to make the slideshow work. Any suggestions before I turn in my homework. Here is the code. It's not long. Thank you.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>slideshow</title>
<script type="text/javascript">

//create array of image objects

var myPic=new Array("photos/picture0.jpg",
"photos/picture1.jpg",
"photos/picture2.jpg",
"photos/picture3.jpg",
"photos/picture4.jpg")
var num=0; //I believe this is my index
//I don't understand why I'm creating a new array here.
//I saw it in two different tutorials
var preLoad=new Array(5)
//Here I'm initializing the counter and preloading the images.
for(i=0;i<mypic.length;i++)
{
preload[i]="new" image()="" don't="" understand="" this="" part="" yet="" or="" the="" next="" line.
="" i="" saw="" it="" in="" a="" tutorial
=""
="" preload[i].src="myPic[i]
}
//this" is="" to="" load="" image,="" reset="" counter="" and="" end="" loop.
function="" nextimg()
{
="" if(num<preload.length-1){
="" num="num+1;
" document.getelementbyid("myimg").src="preLoad[num].src
" }
="" else{="" }
}
<="" script="">

</head>
<body>

<input type="button" value="show next picture" onclick="nextImg)" />
</body>
</html>

Re: Any body know the basic components to a javascript slideshow?

Manfred Rudolf Bihy30-Oct-11 22:59

Manfred Rudolf Bihy

30-Oct-11 22:59

Please don't cross post. This was also posted in the Q&A section.
Read the FAQ[^] for message board usage.

Cheers!

"With sufficient thrust, pigs fly just fine."

Ross Callon, The Twelve Networking Truths, RFC1925

Stop Text From Being Converted Into Links

ASPnoob28-Oct-11 23:32

ASPnoob

28-Oct-11 23:32

Hi All,
I think my question is Javascript related but then again maybe not.
How do I stop plain text on my web pages from being converted into links without my permission? Lately I've noticed that many words on some of my web pages had been converted into links for some company's products. I think someone used javacript or some other language for this and I'd like to know how to stop it. Thanks in advance for your help.

Re: Stop Text From Being Converted Into Links

Richard MacCutchan29-Oct-11 0:06

Richard MacCutchan

29-Oct-11 0:06

I'm no expert but from your description it sounds like someone has hacked into your web site.

Unrequited desire is character building. OriginalGriff
I'm sitting here giving you a standing ovation - Len Goodman

Re: Stop Text From Being Converted Into Links

Dennis E White29-Oct-11 15:13

Dennis E White

29-Oct-11 15:13

depends on if it is occurring for everyone??

if you are only seeing for yourself and/or a few others then it could be due to a browser plugin which is looking for certain "keywords" that you have in your web page.

if you are seeing it for everyone then it is entirely possible that the company hosting your web page is adding a javascript plugin to your web page before it gets delivered.

one way that might work around it is to use an html span for displaying all your normal text. no guarantees on that though.

as if the facebook, twitter and message boards weren't enough - blogged

Issue w/ Javascript inside 64 bit browser

bgates197026-Oct-11 5:26

bgates1970

26-Oct-11 5:26

The code below is suppose to auto logoff a user after 30 seconds. The problem is it works fine with 32 bit browsers but not at all in 64 bit browsers. The countDown() function gets called but it never executes the window.location.

Any assistance would be appreciated!

<script type='text/javascript'>
var secondsRemaining = 30;
var mhcTimer;

function countDown() {
secondsRemaining -= 1;
if (secondsRemaining <= 0) {
secondsRemaining = 0;
window.location='login.aspx';
}
}

function startAutoLogoff() {
if (mhcTimer) {
return false;
}
else
{
mhcTimer = setInterval('countDown();', 1000);
}
}

startAutoLogoff();

</script>

Re: Issue w/ Javascript inside 64 bit browser

Dennis E White27-Oct-11 9:08

Dennis E White

27-Oct-11 9:08

my guess is that the assignment operator -= is not working properly and is probably only assigning the value of 1 to each time it executes.

have you tried debugging your javascript code and inspecting the value after the assignment operator?

as if the facebook, twitter and message boards weren't enough - blogged

Re: Issue w/ Javascript inside 64 bit browser

jsc4228-Oct-11 1:38

jsc42

28-Oct-11 1:38

One possibility is that other task running in the machine are killing the setInterval - this happens very often in Internet Explorer to the extent that the standard advice is to never use setInterval but to use setTimeout even though it is slightly more difficult.

If you are running in a 64 bit processor, then I guess that performance is not an issue. But there are a few places where the JavaScript could be improved.
* The only way that the secondsRemaining can go negative is if you run startAutoLogoff twice as you initialise the secondsRemaining at the top and not at the start of the auto logoff and you test for that condition.
* There is a -= 1 idiom: it is the pre-/post-decrement operator (--). Just because some gurus don't like it in the middle of expressions, does not mean that it is verbotem as a stand alone construct.
* Since JavaScript 1.2 (c 1998), the setInterval and setTimeout methods have supported functions as arguments as an alternative to expressions. These are more efficient, support closures, and prevent faux eval expressions which most gurus hate.
* You have a lot of global variables (secondsRemaining, mhcTimer, countDown, and startAutoLogoff). It is possible that you may have a name clash somewhere else in your code that is causing the issue that you describe.

Here is my equivalent code (I know that my layout and style offend some people):

function    startAutoLogoff()
{
    if  (! startAutoLogoff.mhcTimer)    // Timer is not active
    {
        startAutoLogoff.secsRemaining   =
            startAutoLogoff.timeoutTime;    // No of secs to wait

        startAutoLogoff.mhcTimer    =
            window.setTimeout( startAutoLogoff.countDown, 1000 );
    }   // if
}   // startAutoLogoff


startAutoLogoff.countDown   =   // Support routine for timing down
    function( )
    {
        if  (--startAutoLogoff.secsRemaining)   // Timed out?
            startAutoLogoff.mhcTimer    =   // No. Keep waiting
                window.setTimeout( startAutoLogoff.countDown, 1000 );
        else    // Yes. Logoff
            window.location ='login.aspx';
    };  // startAutoLogoff.countDown

//  Static properties used by startAutoLogoff
startAutoLogoff.mhcTimer    = false;
startAutoLogoff.timeoutTime = 30;
startAutoLogoff.secsRemaining   = startAutoLogoff.timeoutTime;

startAutoLogoff();

HTMLInput.name

Ali Al Omairi(Abu AlHassan)25-Oct-11 21:40

Ali Al Omairi(Abu AlHassan)

25-Oct-11 21:40

guys;
I need to add a hidden input at run time. I used the following code:

JavaScript

var hiddenInput = document.createElement('input');
hiddenInput.type = 'hidden';
hiddenInput.name = 'hiddenInput';
hiddenInput.value = 'somevalue'

this code should generate the element:

HTML

<input type="hidden" name="hiddenInput" value="somevalue" />

but it generates the element:

HTML

<input type="hidden" propdescname="hiddenInput" value="somevalue" />

could you please help me with this?

Help people,so poeple can help you.

Re: HTMLInput.name

Gerben Jongerius25-Oct-11 22:10

Gerben Jongerius

25-Oct-11 22:10

This is an unfortunate but known issue. If you run this code in IE it will actually create an input with the code below:

<input type="hidden" submitName="hiddenInput" value="somevalue" />

The only way I know to fix it is appending the HTML code manually to the parent node in the dom tree. That way you will be able to set the name properly.

Re: HTMLInput.name

Ali Al Omairi(Abu AlHassan)25-Oct-11 23:41

Ali Al Omairi(Abu AlHassan)

25-Oct-11 23:41

thank you, sir.
100 Rose | [Rose]

Help people,so poeple can help you.

Javascript validate the master and content page

sathyan_829423-Oct-11 2:45

sathyan_8294

23-Oct-11 2:45

CSS

hai all
i want to validate the content page using javascript external file.
i keep 5 text box in content page.i want to validate the textbox like
fields must not blank,
characters only allowed for name,state,country.
numbers only allowed for age,pincode
email validation etc.
i want to validate the textboxes in content page using javascript external file.
how to do these...plz send javascript code...thanks in advance...

Re: Javascript validate the master and content page

DaveAuld23-Oct-11 3:41

DaveAuld

23-Oct-11 3:41

Firstly, Why did you put your question in a code block, doesn't look very clever............

Ok, so back to your question;
You can use the object onChange to call a javascript function to validate the content as each element changes.

You could also use a button when you submit to check each element. The code below is a sample to help you get going, but there are heaps of examples on the net. You could take all the javascript out of the lower script block and place it in a reference file as shown in the upper script block entry

XML

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

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

</head>
<body>

    <table>
        <tr><td>Name:</td><td><input id="textName" type="text" onchange="validateName()"/></td><td id="nameValidMessage"></td></tr>
        <tr><td>Age:</td><td><input id="textAge" type="text" onchange="validateAge()"/></td><td id="ageValidMessage"></td></tr>
    </table>
    <input id="ButtonGo" type="button" value="Go" onclick="go_click()"/>
    <script type="text/javascript">

        function validateAge() {
            var valid = false
            //write you code to validate the age
            //set valid to true if all ok

            if (textAge.value == "99") { valid = true; }

            //update the page message
            if (!valid) {
                ageValidMessage.innerHTML = "Invalid Age";
            }
            else {
                ageValidMessage.innerHTML = "";
            }

            return valid
        }

        function validateName() {
            var valid = false
            //write you code to validate the name
            //set valid to true if all ok

            if (textName.value == "Dave") { valid = true; }

            //update the page message
            if (!valid) {
                nameValidMessage.innerHTML = "Invalid Name";
            }
            else {
                nameValidMessage.innerHTML = "";
            }

            return valid
        }

        function go_click() {
            var valid = false
            //Do a validation of Name and Age
            valid = validateName() && validateAge()

            if (valid) {
                //Do what you need to if all ok
            }

        }
    </script>
</body>
</html>

Dave
Find Me On: Web|Facebook|Twitter|LinkedIn

Folding Stats: Team CodeProject

Re: Javascript validate the master and content page

MalarGayu9-Nov-11 15:33

MalarGayu

9-Nov-11 15:33

hi
i just wanted to know whether u got a solution for your question because i am facing the same problem now but still did not get any solution for it....i need to use javascript to validate a textbox placed in content page so can u plz help me in this issue....i am not able to get the id of the textbox....

K.Gayathri

Where is the data behind the page?

LeonardoDaga22-Oct-11 0:37

LeonardoDaga

22-Oct-11 0:37

Hi all,

I'm trying to parse a web page that shows dinamically some data (is a web game page) that is not contained in the code behind the page (the one that I access using the Chrome developers tools, for example).
I see that I can show this data even detaching my pc from the network, simply selecting an item in the combobox, but the content appears in the page source only when the selected combobox item is changed.
Anyone can suggest me where I can find the hidden data or source code?

Thank you

Leo

Re: Where is the data behind the page?

Richard MacCutchan22-Oct-11 1:48

Richard MacCutchan

22-Oct-11 1:48

If you are viewing the page with Chrome you can right-click on the item and select Inspect element to see how the item is presented.

Unrequited desire is character building. OriginalGriff

Re: Where is the data behind the page?

LeonardoDaga22-Oct-11 6:12

LeonardoDaga

22-Oct-11 6:12

I know this. What I'm looking for is the data that is in the memory of the browser, downloaded from the web server, but presented when the javascript inside the web page decide to show it.
This kind of data is not visible simply using "Inspect element".

Re: Where is the data behind the page?

Richard MacCutchan22-Oct-11 6:26

Richard MacCutchan

22-Oct-11 6:26

As far as I am aware, you can examine elements of the HTML DOM tree but I do not know of any method to access the browser's memory.

Unrequited desire is character building. OriginalGriff

Re: Where is the data behind the page?

DaveAuld22-Oct-11 8:21

DaveAuld

22-Oct-11 8:21

In Chrome you can view the values of javascript objects.

After you 'Inspect Element' to load up the Source, look for the javascript objects in the code behind files and then in the Chrome console if you type the object name it will tell you the value. Remember to look at the Scripts tab and you can change between all the referenced javascript source files to inspect them.

If you come across any files that have been minified, you can click the {} (Pretty Print as google call it) button at the bottom and it will make the source more readable.

You can also change the value and also run any JS functions, JQuery against the DOM and all sorts. You can also change attributes and values of the CSS if you are doing testing etc.

Dave
Find Me On: Web|Facebook|Twitter|LinkedIn

Folding Stats: Team CodeProject

Re: Where is the data behind the page?

Richard MacCutchan22-Oct-11 21:51

Richard MacCutchan

22-Oct-11 21:51

Something else I need to learn Frown | :(