Welcome! Log In Create A New Profile

Advanced

JavaScript

Posted by RMcC-77729765 
Announcements Last Post
Announcement SoC Curricula 09/30/2017 01:08PM
Announcement Demarcation or scoping of examinations and assessment 02/13/2017 07:59AM
Announcement School of Computing Short Learning Programmes 11/24/2014 08:37AM
Announcement Unisa contact information 07/28/2011 01:28PM
Forums Messages New
RMcC-77729765
JavaScript
September 04, 2012 12:06PM
I haven't seen any posts on JavaScript yet. Is anyone having the same difficulties as I am in getting this to work?
Reply Quote
Wazid-77703995
Re: JavaScript
September 04, 2012 01:27PM
Where are you having problems?
Reply Quote
JPV-77520521
Re: JavaScript
September 04, 2012 06:39PM
What are you having difficulties with?
Reply Quote
RMcC-77729765
Re: JavaScript
September 06, 2012 01:55PM
Only the simpler instructions work and even then it took forever to get my computer to acknowledge them. Mozilla still won't show the status bar message.
Trying to include the browser instructions ended up blocking what was already working. My instruction for form verification worked for "Data is valid" but that was all I got even
after entering everything else. I have spent hours trying to get this to work successfully and honestly don't know what I'm doing wrong. I'm really trying to find out if anyone else is having problems as well. If not then obviously it is something that I am not seeing.
Reply Quote
avatar
Mac
Re: JavaScript
September 07, 2012 07:29AM
Keep in mind that a JavaScript is not going to work on all types of browsers. That is why at times is is required to run a test to identify the user browser type, and then run the correct code for the user browser.

http://members.tripod.com/~Howard_Sharon/browser_type.html
Reply Quote
valerine
Re: JavaScript
September 15, 2012 01:29PM
Lesson 1: Task 1B-1............Scrolling messages did not show up in the browser it was only showing up on the active windowsad smileyconfused smiley.................Then i went on the browser clicked on view, then clicked on Toolbars and then clicked on status bars.......So now i am able to see the scrolling messages on the browser as well as the active windowthumbs upsmilesmilesmiling bouncing smiley
Reply Quote
valerine
Re: JavaScript: Lesson 2
September 20, 2012 04:45PM
Lesson 2 and Lesson 3 completed!!!!!!!!!!!smiling bouncing smiley
Reply Quote
valerine
Re: JavaScript
September 20, 2012 04:49PM
Now starting with Lesson 4thumbs up
Reply Quote
Ahm-77735951
Re: JavaScript: Lesson 2
September 22, 2012 04:31PM
In this chapter everything worked BUT "onMouseover".

(That was Saturday)

Now, after experiencing more of the same, I've completed chapter 5 and in the process of getting there, had to change the case of my commands a couple of times to achieve the required results.

Conclusion: Be meticulous - Case IS IMPORTANT!!
Reply Quote
valerine
Re: JavaScript
September 23, 2012 07:35PM
Lessons 4, 5, and 6 is completed......was abit confusing some parts but i was able to complete the lessons and it was also abit long.....now im moving on to the assignment....hope everything goes wellsmile
Reply Quote
RMcC-77729765
Re: JavaScript
September 26, 2012 09:10AM
I still find Js a real headache. I seem to have managed to get most of the elements working except the mouseout ones. I have eyesight difficulties so find it difficult sometimes to see the difference between the different kinds of brackets and inverted commas. And I find it so complicated ! Having used a number of these devices in my assignment I and having tested them in IE and Netscape I think they will be OK but am concerned that when I publish I'll have to start all over again.
Reply Quote
Ahm-77735951
Re: Java Script
September 27, 2012 10:14PM
Completed the Java script topics and tasks! thumbs up smiley

Attempted the logic for the last page of the assignment, but not there yet.

Managed to get my posted messages returned and displayed, but not the individual elements and not in a numbered list, so back to the drawing key board.... !!!confused smiley
Reply Quote
valerine
Re: JavaScript
September 30, 2012 07:03PM
When submitting the assignment for javascript which is the final assignment must i register another website using the FreeWebHostingArea?.......please helpconfused smiley
Reply Quote
avatar
Mac
Re: JavaScript
October 01, 2012 07:52AM
What assignment for Javascript? Do you mean the portfolio? You can us ethe same site.
Reply Quote
valerine
Re: JavaScript
October 01, 2012 07:01PM
Hi Mac

Yes it is the Javascript portfolio Assignment but I have been told that there can only be 1 index file in the web site. If I upload the other assignment then the previous index file for that assignment will be removed. If the first assignment has been marked, then this should not be an issue. Please advise.

Thanks
Reply Quote
avatar
Liez-77697839
Re: JavaScript
October 02, 2012 01:37PM
All JavaScript done! Some things are a little fuzzy for me, but I know enough!
Awesome!
Now to finish off my assignment! smiling bouncing smiley
Reply Quote
avatar
Mac
Re: JavaScript
October 02, 2012 04:57PM
valerine Wrote:
-------------------------------------------------------
> Hi Mac
>
> Yes it is the Javascript portfolio Assignment but
> I have been told that there can only be 1 index
> file in the web site. If I upload the other
> assignment then the previous index file for that
> assignment will be removed. If the first
> assignment has been marked, then this should not
> be an issue. Please advise.
>
> Thanks

It has been marked and the results have been released? So you can overwrite.
Reply Quote
valerine
Re: JavaScript
October 04, 2012 09:54AM
Thankssmilesmiling bouncing smiley....half way through the assignmentthumbs up
Reply Quote
valerine
Re: JavaScript
October 04, 2012 12:25PM
smiling bouncing smileyThe javascript assignment was awesome some was hard and abit confusing but I managed to get through it...this assignment was like a challenge I really enjoyed it.
smiling smiley
Reply Quote
MphO-72101385
Re: JavaScript
October 05, 2012 12:22PM
Hi RMC

Looking at the requirements of our portfolio as stipulated in the tutotial letter
is it the contact form or menu system that make use of a roll-over images challenging you?
Reply Quote
RMcC-77729765
Re: JavaScript
October 08, 2012 03:31PM
I have now found that most things seem to work across the browsers except for Mouse out. I have abandoned that altogether as I get the most extraordinary results. e.g. in the img rollovers, mouseout not only returned my pictures to the original but also my title graphic changed to the default pic. I find that I have enjoyed everything on this course except for javascript which I cannot seem to fully grasp. I'm afraid that I am still confined to copying eactly what is given in the exercises. It's really complex.
Reply Quote
Wazid-77703995
Re: JavaScript
October 11, 2012 03:40PM
Hi All,

I am going through JavaScripting and seem to be missing something, I am trying to understand the picture swapping and can not get it to work, even when (What I think) I am copying it line by line from the book, I have put together a simple script that is not working, please advise if you see what I am not ... 

Language: HTML
<HTML>
<HEAD>
 
<Script language="JavaScript"> 
 
var Imgs = new Array(5)
 
for(j = 0; j < 5; j++)
{
Imgs[j] = new Image()
}
 
Imgs[0].src = "Pic1.jpg"
Imgs[1].src = "Pic2.jpg"
Imgs[2].src = "Pic3.jpg"
Imgs[3].src = "Pic4.jpg"
Imgs[4].src = "Pic5.jpg"
 
function change(num)
{
window.document.Pics.src = change[num].src
}
 
//
</Script>
</HEAD>
 
<BODY>
<table 
Height="100%"
Width="50%"
Border="3"
Align="Center"
Valign="Center">
 
<!-- Row 1 -->
 
<TR Valign="Center" Height="35%">
	<TD Align="Center">
		<Input Type="Button" Value="Pic1" width = 150 onClick="change(0)"><BR>
		<Input Type="Button" Value="Pic2" width = 150 onClick="change(1)"><BR>
		<Input Type="Button" Value="Pic3" width = 150 onClick="change(2)"><BR>
		<Input Type="Button" Value="Pic4" width = 150 onClick="change(3)"><BR>
		<Input Type="Button" Value="Pic5" width = 150 onClick="change(4)"><BR>
	</TD>	
</TR>
 
<!-- Row 2 -->
 
<TR Valign="Center" Height="30%">
	<TD Align="Center">
		<P>Please select One of the Above Options to view the picture Below</P>
	</TD>	
</TR>
 
<!-- Row 3 -->
 
<TR Valign="Center" Height="35%">
	<TD Align="Center">
		<Img Height="100%" Name="Pics" Width="50%" Border="2" Alt="Picture" Valign="Center">
	</TD>	
</TR>
</table>
</BODY>
</HTML>

Thanks smiling smiley
Reply Quote
valerine
Re: JavaScript
October 11, 2012 08:40PM
Done with the Javascript Assignment.....really enjoyed itthumbs up smileyawesome experiencesmilespinning smiley sticking its tongue outthumbs upgrinning smileysmilesmiling bouncing smiley
Reply Quote
avatar
Mac
Re: JavaScript
October 12, 2012 09:37AM
@ Wazid. You want the image to appear in row 3 when you click buttons in row 1. How will row 3 know you have clicked a button in row 1 (required to change the image?) There is a function change() in row 1, and in the JS in the head this function points at window.document.Pics.
What link is there between this and row 3, other than a Name="Pics"?

Rather than trying to fix this, just use JavaScript you can pull fromthe net. Very few people write JavaScript these days. It cannot be learned in 2 months - just search for scripts on the net that works and adapt.

Here is much simple code 

Language: HTML
<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
			<script type="text/javascript">
			function showImage(imgName) {
				var curImage = document.getElementById(';currentImg';);
				var thePath = ';';;  //if your images are in a sub folder, the add the sub folder here e.g. images/  As it is, it assumes the images are in the same folder as this page.You can also add the sub folder in the code below , leaving this as is.
				var theSource = thePath + imgName; // here the path is added to the image name
 
				curImage.src = theSource;
				curImage.alt = imgName;
				curImage.title = imgName;
			}
		</script>
 
		<style type="text/css">
			#mainContainer, #footerArea {
				clear: both;
				width: 700px;
				margin: 10px;
			}
 
			#leftNav {
				float: left;
				width: 150px;
				margin-right: 15px;
				border-right: 1px solid #000;
				text-align: center;
			}
 
			#rightDisplay {
				float: right;
				width: 530px;
				margin: 0;
				text-align: center;
			}
 
			img {
				margin: 10px 0 10px 0;
			}
 
		</style>
	</head>
	<body>
	<div id="mainContainer">
			<div id="leftNav">
				<img src="small_avatar.jpg" alt="large_avatar.jpg" title="Avatar" onclick="showImage(large_';avatar.jpg';);" /><br/>
                                <img src="small_avatar1.jpg" alt="large_avatar1.jpg" title="Avatar one" onclick="showImage(large_avatar1.jpg';);" /><br/>
                                <img src="small_avatar2.jpg" alt="large_avatar2.jpg" title="Avatar two" onclick="showImage(large_avatar2.jpg';);" /><br/>
                                <!-- and so on -->
 
 
	</div>
			<div id="rightDisplay">
				<img id="currentImg" src="avatar.jpg" alt="avatar.jpg" title="Avatar one" />
			</div>
		</div>
 
</body>
</html>
Reply Quote
Wazid-77703995
Re: JavaScript
October 12, 2012 02:44PM
Thank you!
Reply Quote
avatar
DaveJ-77719867
Re: JavaScript
October 19, 2012 10:31PM
Cannot agree more.
HTML and CSS seems to follow a logical set of rules.
This is a complete different animal - but I assume one picks up the rules over time.
Reply Quote
77703065
Re: JavaScript
October 22, 2012 08:08AM
Javascript is quiet different from CSS, i`m enjoying the challenge though.
Reply Quote
Newer Topic Older Topic
Sorry, only registered users may post in this forum.

Click here to login