Modifying Webpage Repeatedly To Add Features?

May 3, 2009

All semester, I have been working on a single web page, modifying it repeatedly to add features (using CSS). This last assignment involves javascript, something we've just barely touched on. I can't seem to figure out where exactly the event handler should be placed. No matter where I move it, it alters the way the page displays. In the right column, there are descriptions of 2 musicians, each includes a header, paragraph, and a thumbnail (that links to a larger image) on the far right side, next to the text.

I need to add this
<a href="#" onmouseover=
"alert( 'Concerts sell out quickly so act fast!');">Melanie Morris entertains with her melodic folk style.</a>
to this
<h3>January</h3>
<a href="melanie.jpg"><img src="melaniethumb.jpg" alt="Melanie Morris" width="100" height="97" align="right" border="0" hspace="150" /></a>
<p class="content">Melanie Morris entertains<br />
with her melodic folk style.<br />
Check out the podcast!<br />
CDs are now available.
</p>

The problem is, the book doesn't explain where to add it or have any examples of using onmouseover in this particular way, so I've spent forever trying to figure it out. In some places, it makes the sentence shows up twice. In others, it completely moves the picture out of position and/or extends the "Melanie Morris entertains with her melodic folk style" all the way across the page (thus, pushing the picture down). I initially had a very hard time making this page layout work (specifically, getting the images to show up in the right place).

The best I am getting from this is adding the mouseover immediately after the paragraph class and right before the Check out the podcast! line...removing from the paragraph the text that is repeated. It seems to look OK on IE, both full screen and when I make the screen smaller. Foxfire is displaying it less reliably though. As soon as I make the window smaller, the layout shifts. I know that it's normal for different browsers to display differently.

Any way to work around the rules so that it looks right, but is not, in fact, coded properly.
<h3>January</h3>
<a href="melanie.jpg"><img src="melaniethumb.jpg" alt="Melanie Morris" width="100" height="97" align="right"
border="0" hspace="150" /></a>
<p class="content">
<a href="#" onmouseover=
"alert( 'Concerts sell out quickly so act fast!');">Melanie Morris entertains with her melodic folk style.</a>
Check out the podcast!<br />
CDs are now available.
</p>

View 5 Replies


ADVERTISEMENT

Using An Array Repeatedly In Form?

Dec 14, 2010

I am new to JavaScript and self taught, so please bear with any terminology I use incorrectly. I have an array defined. I am trying to access this array multiple times (10) in the HTML. It worked on the first drop down, but when I added the next one it errored. Not sure if what I am trying to do is possible or if I am going about this the right way. Below is the code:

Code:
var Engagements = [];
Engagements[0] = new Option("","");
Engagements[1] = new Option("Asset Management","Asset Management");
Engagements[2] = new Option("Autoclave","Autoclave");

[Code]...

View 5 Replies View Related

Play MP3 Files Repeatedly

Aug 8, 2011

I am trying to learn JavaScript, I am creating a test page like a Learning page for children, where a child selects "Apple" and then selects repeat 3 times or times etc and the it plays what ever the user selected that many times, the user can even select "Apple", "Ant", "America" and select repeat any number of times (say 2 times each) and the media player will play like this "Apple", "Apple", "Ant", "Ant", "America", "America". Now I downloaded all these from different sites in mp3 format. How can I make the program to do what I want to do as said above, simple code. for i IN (all selected)

repeate (times user selected);
end loop;

View 1 Replies View Related

Print Single Web Page Repeatedly Using Asp.net

Aug 13, 2009

I am using window.print() for print the web page, its working fine but i want more than one copy each and every time the the window will pob and ask me to select the printer name instead of that i want to pass the printer name through code if possible to print like this.

View 2 Replies View Related

Make An Object Move Repeatedly While A Key Is Held Down?

Mar 23, 2011

Anyone know of a good tutorial for making an object move repeatedly while a key is held down (ie move right 1px every second while right arrow key is held?)

View 3 Replies View Related

JQuery :: Add Some New Features?

May 9, 2010

I have an old page which uses the old version of jquery.js, and recently I want to add some new features (which seems requiring new updated jquery.js version) to it. When I switch the old jquery.js to the new one, error occurs.As I don't want to spend time to debug the page to use new jquery.js, is it possible to just limit the new features to use the new jquery.js, where others still use the old ones?

View 1 Replies View Related

JQuery :: Install To Use UI Features?

Aug 31, 2010

I know it's a newbie question, my first experience was with ExtJs but am moving away from that due to the license changes.

View 1 Replies View Related

JQuery :: Combining Old/new Features?

Oct 1, 2009

I want to integrate the new Progress Bar UI feature on jQuery 1.3.2 and jQuery UI 1.7.2 : [URL]When I combine then however, the new tab style of jQuery 1.3.2 takes over as seen here:[URL]How can I insert the new Progress Bar into the old Tabs, without the tabs reverting to the new design?

View 1 Replies View Related

Script - Scrolling DIV With Particular Features

Mar 16, 2011

I am looking for a script for a scrolling DIV with the following features:

1. DIV can be scrolled vertically using mousewheel/trackpad/finger on iPad

2. Up/Down buttons which scroll slowly on hover and fast on click

3. The DIV to be scrolled will contain an audio playlist, generated by jPlayer, written in javascript. This script has a DIV for the currently playing track, and can launch functions on track change. I would like the scrolling DIV to scroll automatically to the currently playing song when the track changes.

View 1 Replies View Related

JQuery :: Recreate Features Of Flash Site

Jun 2, 2011

I'm in love with the David Chipperfield Architects site and would like to try and get some of the features from the site working with jQuery instead of Flash I'm sure most of it is pretty achievable but I'm new to javascript and jQuery so I'm not sure where to start.The navigation and the way the content loads are the main things I want to try and implement.

View 2 Replies View Related

JQuery :: Find The Fields By Specific Features?

Sep 16, 2011

Some of the form fields are setted css('background-color', 'red');. Is it possible to find all fields that has red color.

View 1 Replies View Related

Popup Menu Hiding Under Flash Swf Features Bar

May 5, 2010

i have made a popup menu in fireworks cs3 its working fine in all browsers the problem is that its hiding under the flash features bar as shown in the image where in firefox its working fine what should i do?

View 4 Replies View Related

Jquery :: Book Viewer With Security Features

Sep 7, 2010

My client currently has a Flash book reader on his site that provides a UI for reading a book.Each page of the book is a GIF, and there are hundreds of books available.Now, my client would like to change this reader, and I've convinced him to let me rebuild the reader in jQuery.The hiccup is that, for copyright reasons, the images of the pages in the book must not be downloadable or accessible in the source code.(In other words, there shouldn't be a way to steal the book other than taking a screenshot of every page.)I want the reader to be powered by jQuery, it is, by definition, in-browser.

View 9 Replies View Related

JQuery :: Plugin: Combine Features From Multiple Demos?

Sep 2, 2009

i'm trying to combine features of these 2 demos: [URL] specifically, i want the ability to use custom error messages and to declare conditions in the page head, as in the 1st demo, as well as to use the accordion feature of the 2nd. if i use the code from the milk demo in the head, e.g.,

$(document).ready(function() {
// validate signup form on keyup and submit
var validator = $("#signupform").validate({

[code]....

validation runs on the entire form, including the sections not yet made visible. this prevents the 'next' button from operating, so the accordion won't expand. if i assign a unique id to the each fieldset & run separate validations for each fieldset, the accordion works, but the validation stops working.

View 4 Replies View Related

How To Add Advanced Features Into A Client Side Search Form?

Jan 28, 2004

I'm trying to add a search feature into a literature review i'm converting to HTML for work. This is to be burnt to a cd and given to a client. At present I can only do a simple keyword search through the entire collection text (i'm NO programmer i'm afraid ), I need to add boolean features to this so that ppl can search for "word1 AND word2" sort of thing. Can anyone give me some pointers as to how I might accomplish this?

View 4 Replies View Related

Window.location.href ... Flush - Webpage To Launch Setup.exe Then Go To Another Webpage On CD

Aug 10, 2010

It launches in IE and give the user instructions, then at the click of a button, launches my setup.exe. I want my webpage to launch setup.exe then go to another webpage on my CD, congratulations.html, which says "installation is complete etc". Here's what I am trying to do through JAvascript. It doesn't work. Should the first instruction be flushed in order for the 2nd one to work?

[Code]...

View 7 Replies View Related

Use The Values Of Text Boxes On My HTML Webpage To Create A Webpage URL

Nov 23, 2011

I want to use the values of text boxes on my HTML webpage to create a webpage URL (like below):

<script type="text/javascript">

My text boxes are as follows:

Now this all works and the result webpage URL prints to id='ID1', but the big question is how do I use this resulting URL in another Javascript section as the src="?

For example:

View 14 Replies View Related

JQuery :: Ann: JqPlot 0.6.2 Released - Features - Rotated Axis Text - Vertical And Horizontal Bar Charts

Jun 1, 2009

jqPlot is an open source plotting plugin for jQuery. The 0.6.2 release adds many new features including:
Rotated axis text. Vertical and horizontal bar charts. Automatic trend line computation. Data point highlighting. Cursor tooltips showing data and grid position. And many other features.

The jqPlot homepage is at [url]

The downloads page is at [url]

The mailing list/Google group is at [url]

jqPlot is built from the ground up as an extensible and plugable plugin. Handling of data, drawing of plot elements, events, virtually everything is handled by a plugin. This means you can enhance or swap out core functionality without touching the core code.

View 1 Replies View Related

Display A Webpage From Another Domain In Webpage And Access Its Elements

Mar 5, 2011

I am trying to display a webpage from another domain and tried to access its elements and I am facing issues with this.

I tried using "iframes" and am facing cross domain issues.

All that I want to do is, set and get the attributes of the elements of the webpage from the other domain (eg: set text field value, get dropdown box values, click button etc)

Is there a way to get this job done?

I thought of browser addons however it will be a browser specific solution.

View 14 Replies View Related

Webpage Within A Webpage (force An Iframe To Reload)?

Oct 23, 2011

1st post: how to force an iframe to reload? 5th post:how to force an iframe to reload? i tried the first way, and this doesn't work, then i try this:

[Code]...

View 1 Replies View Related

Script Code For A WEBPAGE ON TOP OF A WEBPAGE?

Nov 23, 2009

Could anyone know the script code for a WEBPAGE ON TOP OF A WEBPAGE? The site was not working anymore, so I can't tell you the link. This is what I saw, When I visited the site (Mainpage) There's just a Welcome Image that shows CLICK HERE TO ENTER. After clicking the link, a loading faded icon appears on top of Welcome Image covering that Welcome Image with Webpages, it's like popping to the center of the page. I don't know if someone of you could understand me. It's like Page on TOP of another Webpage without leaving the 1st page.

View 1 Replies View Related

Modifying An Event

Jul 19, 2007

I have the following:

<tr onMouseOver="alert('Over a row')">

and I want to modify the event to be:

<tr onMouseOver="alert('Over THIS row')">

in other words reaching into the event, and changing some part of it.

I have tried walking through the attributes of the <truntil I reach
the onclick, then changing its value, but that throws an error.

View 1 Replies View Related

Modifying Css Style Of An ID

Oct 21, 2011

By default the style of #pricea in my stylesheet is visibility="hidden";

<script type="text/javascript">
function arrow(boxName){
document.getElementById(boxName).style.visibility = "visible";
}
</script>
[Code]...

View 2 Replies View Related

Modifying ChildNodes Of A Cloned Div

Nov 23, 2005

I have a div 'readroot' that I clone. I change the change the id and
name of the childnodes of 'readroot' to the original name plus a
number(counter).

The problem is I have i have a div 'serials' inside 'readroot' and the
childnodes of 'readroot' are not modified with the current function i have.

What is the best way to modify the childnodes of the div serials?

I guess i could put another for loop inside the for loop of the
moreFields function but i am thinking a recursive function could do it. Code:

View 2 Replies View Related

Modifying Pull-down Menus

Mar 17, 2007

I have a page with 2 drop-down menus. The task is, when you select
1 menu, your selection then changes the options available in the
other. This data happens to be drawn from a mysql database, so I
wouldn't think that it could be done purely in Javascript, but rather
a combination of PHP generating some JS code. Thing is, I don't even
see how to change a menu's available options with JavaScript, only
names and values of individual fields.

View 2 Replies View Related

Modifying HTML Table Through DOM

Jul 20, 2005

The basic concept is a music playlist that I'm trying to write as a
table inside a div.

I have Song and Playlist 'classes'. The Song class has a Write()
method, as does the Playlist.

The Song.Write() boils down to this:
var tr = document.createElement("TR");
var td = document.createElement("TD");
tr.id = this.ID;
tr.appendChild(td);
td.innerText = this.Artist + ' - ' + this.Title;
td.onclick = function() {top.playSong(this.parentElement.id);}
return tr;

The Playlist.Write() call is essentially this:
// this.songs is an Array of Song objects
for (var x = 0; x < this.songs.length; x++) {
playlistTable.appendChild(this.songs[x].Write());
}

When I attempt to call playlistTable.appendChild() after creating the
table via document.createElement("Table"), everything works fine,
except I have no way to add the table to my document, since the div I
want it in won't believe that appendChild() is a valid method. If I
put the table in the div as a <TABLE>, and then try to append to that,
the *table* doesn't accept appendChild() as valid. Specifically, I get
an 'Invalid argument' error when calling either.

View 3 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved