WordPress.org

Ready to get started?Download WordPress

Forums

Import Javascript Problem... Err... (2 posts)

  1. webmasteroy
    Member
    Posted 7 years ago #

    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 -->
  2. webmasteroy
    Member
    Posted 7 years ago #

    Are you allowed to bump on these forums?

Topic Closed

This topic has been closed to new replies.

About this Topic