Ok I have been working with website for like 4 years now and I know HTML, CSS, PHP, Most of JavaScript. I am new to wordpress and bloging for that matter.
I am trying to import a javascript file in the header of the template page I am using. I am using this template: http://themes.wordpress.net/columns/2-columns/222/green-marinee-10/
So the javascript I am using is for a small app called openPopUps, http://www.openwebware.com/products/openpopups/
So the idea is when you click a link it opens up an embedded pop-up using javascript, Now the problem is that I put the javascript import code into the header of the template I am using and I did everything else the installation file for openPopUps. But it is not working. I thing the problem is that it is not importing the javascript file.
The popups are created using div's and in the body tag you use onload="hideDiv(1)" to hide those div's from being displayed on load. Two problems the link I have to make the pop-up appear isn't working and the div to be hidden isn't being hidden. Here is my page: http://oysblog.uni.cc/labs/
When you click description link on the oyhost project it should pop-up the pop-up.
Here is the header code:
<!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 profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->
<script language="JavaScript" type="text/javascript" src="http://www.oysblog.uni.cc/blog/wp-includes/openPopUps/openpopups.js"></script>
<style type="text/css" media="screen">
@import url( <?php bloginfo('stylesheet_url'); ?> );
</style>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="shortcut icon" type="image/ico" href="<?php bloginfo('template_url'); ?>/favicon.ico" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php //comments_popup_script(); // off by default ?>
<?php wp_head(); ?>
</head>
<body onload="hideDiv(1)">
<div id="Div1">Hey just a test</div>
<div id="container">
<div id="skip">
<a href="#content" title="Skip to site content">Skip to content</a>
<a href="#search" title="Skip to search" accesskey="s">Skip to search - Accesskey = s</a>
</div>
<hr />
<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
<!-- Tag line description is off by default. Please see readme.txt or CSS(h1,tagline) for more info
<div class="tagline"><?php // remove bloginfo('description'); ?></div>
-->
<div id="content_bg">
<!-- Needed for dropshadows -->
<div class="container_left">
<div class="container_right">
<div class="topline">
<!-- Start float clearing -->
<div class="clearfix">
<!-- end header -->