RN_MODULE_HEAD and jquery

Posted: Wed Jan 06, 2010 1:08 am

I am currently using each jquery and some jquery scripts for a module of mine.

These scrips are called using the new define RN_MODULE_HEAD, and they need jquery to work properly.

Besides, looking at the code and reading in forums, jquery is used as the "de facto" javascript library in RavenNuke.

So I want to use it whitout calling it in my script. The problem is that in RN 2.4 the include for jquery is at the end of the "head part", or, at least, after the code called from RN_MODULE_HEAD include, as you can see from the following piece of code.

So my question is: is it possible move the "jquery include call" at the beginning of the head section?

Code:




meta name="GENERATOR" content="RavenNuke(tm) Copyright (c) 2002-2009 by Gaylen Fraley. This is free software, and you may redistribute it under the GPL (http://www.gnu.org/licenses/gpl-2.0.txt). RavenNuke(tm) is supported by the RavenNuke(tm) Team at http://ravenphpscripts.com." />


<link rel="alternate" type="application/rss+xml" title="Forums" href="http://localhost/rn_24/modules.php?name=Feeds&amp;fid=2&amp;type=RSS20" /><link rel="alternate" type="application/rss+xml" title="News" href="http://localhost/rn_24/modules.php?name=Feeds&amp;fid=1&amp;type=RSS20" />


/* <![CDATA[ */


$(document).ready(


   function () {


      $(".schedule_row").hover(function() {


         $(this).fadeOut(100);


         $(this).fadeIn(500);


         $(this).addClass("schedule_hover");


      }, function() {


         $(this).removeClass("schedule_hover");


      });


   }


);


 /* ]]> */


</script><link rel="StyleSheet" href="./themes/ravennuke.css" type="text/css" />


<link rel="StyleSheet" href="includes/jquery/css/colorbox.css" type="text/css" />


<link rel="StyleSheet" href="includes/nukeSEO/nukePIE.css" type="text/css" />


<link rel="StyleSheet" href="includes/jquery/css/nukeNAV.css" type="text/css" />


<script type="text/javascript" language="JavaScript" src="includes/rn.js"></script>


<script type="text/javascript">


<!--


function openwindow(){


   window.open ('modules/League/copyright.php','Copyright','toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=no,copyhistory=no,width=400,height=200');


}


//-->


</script>





<script type="text/javascript" language="JavaScript" src="includes/jquery/jquery.js"></script>


<script type="text/javascript" language="JavaScript" src="includes/jquery/jquery.colorbox-min.js"></script>


<script type="text/javascript">


   $(document).ready(function(){


      $(".colorbox").colorbox({opacity:0.65, current:"{current} of {total}"});


      $(".colorboxSEO").colorbox({opacity:0.50, width:"750", height:"300", iframe:true});


   });


</script>


<script type="text/javascript" language="JavaScript" src="includes/boxover/boxover.js"></script>


<script type="text/javascript" language="JavaScript" src="includes/jquery/jquery.hoverIntent.minified.js"></script>


<script type="text/javascript" language="JavaScript" src="includes/jquery/superfish.js"></script>


<script type="text/javascript" language="JavaScript" src="includes/jquery/supersubs.js"></script>


<script type="text/javascript" language="JavaScript" src="includes/jquery/nukeNAV.js"></script>








</head>

Posted: Wed Jan 06, 2010 6:15 am

the custom includes are included after the jquery script is included.
6 Include jquery, tabcontent, ajaxtabs, nukePIEhdr, nukeFEEDhdr (add CSS and JS to arrays)
7 Include includes/addons/head-xxx.php and includes/addons/body-xxx.php, if they exist (site-level add-ons)
8 If defined, include module’s RN_MODULE_HEAD (add module-level CSS and JS to arrays)

http://rnwiki.ravennuke.com/wiki/Loading_CSS_and_JavaScript

Posted: Wed Jan 06, 2010 8:42 am

spasticdonkey wrote:

the custom includes are included after the jquery script is included.
6 Include jquery, tabcontent, ajaxtabs, nukePIEhdr, nukeFEEDhdr (add CSS and JS to arrays)
[...]
8 If defined, include module’s RN_MODULE_HEAD (add module-level CSS and JS to arrays)

Sorry but IMHO this is not true: I have written in my code:

Code:




define('RN_MODULE_HEAD', 'my_head.php');

and the code inside this file appears before the call of jquery library.

The "rules" you have written are right, but the script isn't working as expected

Posted: Wed Jan 06, 2010 9:39 am

are you defining that before you include header.php?

Code:

define('RN_MODULE_HEAD', 'my_head.php'); 


include("header.php");

i actually haven't used RN_MODULE_HEAD but use RN_MODULE_CSS without trouble. Another approach might be to create
includes/addons/head-aaa.php
something like

Code:

if (stristr(htmlentities($_SERVER['PHP_SELF']), 'head-aaa.php')) {


   Header('Location: ../../index.php');


   die();


}








global $name, $user;


// user only scripts


if(is_user($user)){ 


addJSToHead('js/user-only.js', 'file');


}else{


addJSToHead('js/anony-only.js', 'file');


}


// by module


if ($name == 'Your_Module') {


addCSSToHead('css/yourcss.css', 'file');


addJSToHead('js/yourjs.js', 'file');


}

Posted: Wed Jan 06, 2010 11:46 am

I'll try and explain this the best I can off the top of my head. We really need to get it in the wiki.

RN_MODULE_HEAD and RN_MODULE_CSS should not really be used anymore. I don't want to say that they are deprecated, but they kind of are.

The proper way to add CSS and JS to the head is as follows. The following examples need to be placed before the inclusion of header.php.
FOR CSS:

Code:




addCSSToHead('includes/jquery/css/screen.css', 'file');

OR

Code:




$inlineCSS = ' ............  ';


addCSSToHead($inlineCSS, 'inline');

For JS

Code:




addJSToHead('includes/jquery/jquery.validate.js', 'file');

or

Code:




$JStoHeadHTML = '


<script type="text/javascript">


.........


</script>';


addJSToHead($JStoHeadHTML, 'inline');

There is also a addJSToBody() function.

Now you can still use the RN_MODULE_HEAD, but if you want your JS to load properly you need to use these functions within your "my_head.php" file.

ALSO it is import to remember that you should always call the main jQuery library. You should not assume that it will always be loaded. If you use the addJSToHead() function it is smart enough not to load jquery.js multiple times.

includes/addons/head-xxx.php should only be used for SITE level modifications and should not be used for a per module approach.

registered · Site Admin Joined: Jun 04, 2004 Posts: 6437

Only registered users can see links on this board! Get registered or login! helps?

Posted: Wed Jan 06, 2010 1:39 pm

I never noticed this line

Quote:

Modify mainfile.php to include 4 new functions: addCSSToHead, addJSToHead, addJSToBody, and writeHead. The functions use an array each and check the array before adding to prevent loading duplicate externally-defined files.

So I guess it is pretty much all there. I still think it is a little hard for someone new to understand. Especially how the actual functions work. At least without looking in mainfile.php.

Posted: Wed Jan 06, 2010 3:47 pm

By someone new, do you mean new to RN as a webmaster, new to RN as a developer, and / or new to PHP development?

Posted: Wed Jan 06, 2010 5:02 pm

Fairly new to RN and PHP development.

Posted: Wed Jan 06, 2010 8:03 pm

kguske wrote:

Only registered users can see links on this board! Get registered or login! helps?

I had read just before posting. The problem is that i was focusing on "Solution" chapter and not on the "Approach" one. As stated by Palbin.

Thanks for the explanation

registered · Posted: Thu Jan 07, 2010 6:41 am

kguske, BTW, I hadn't noticed this before, but what are your thoughts on possibly wanting to switch these two in sequence:

Quote:

5. Include javascript.php (to allow site administrators to follow an add-on instructions to load JS here)
6. Include jquery, tabcontent, ajaxtabs, nukePIEhdr, nukeFEEDhdr (add CSS and JS to arrays)

Was just thinking/wondering if ALL core RN components should always be loaded first? Not 100% sure, it just struck me as something to think about more.

Posted: Thu Jan 07, 2010 6:47 am

I would just like to out it out there that ultimately I don't think any of those files should exists. Especially not hard coded into the header.

Posted: Thu Jan 07, 2010 6:58 am

Palbin, sorry, I am not clear so want to make sure it is clear. Are you referring specifically to RN_MODULE_HEAD and RN_MODULE_CSS or something else? TIA for clearing it up in my mind.

Posted: Thu Jan 07, 2010 7:57 am

Quote:

5. Include javascript.php (to allow site administrators to follow an add-on instructions to load JS here)
6. Include jquery, tabcontent, ajaxtabs, nukePIEhdr, nukeFEEDhdr (add CSS and JS to arrays)

Now I didn't look at the files, but I would assume that they can all be replaced with the new method.

Posted: Thu Jan 07, 2010 8:24 am

The approach was designed to support add ons that were written before this was developed. In an ideal world, yes, this could all be restructured and much, if not all, of this could be eliminated. But remember that one of the benefits to Nuke is the availability of so many tweaks, etc., and unlike some other CMS / frameworks I've seen, doesn't require an advanced degree in computer science to understand / develop.

Also, I can't remember (yes, getting old), but I believe we did replace with the new method.

I will search for an example add on I made that provides an example of how to implement these changes.

Posted: Thu Jan 07, 2010 11:27 am

I realize that this was done to support what was existing. As you suggested I was just referring to an idealized situation.

I don't know what is in the nukePIEhdr & nukeFEEDhdr files, but I am sure what is in jquery, tabcontent, and ajaxtabs files could be moved directly into the modules in question instead of loading them in the header. I know there are if statements in there that control the loading of content, but ultimately these files should not be needed. Not that there is anything wrong with the current structure just looking for uniformity.

Posted: Sat Jan 09, 2010 8:27 am

I still think we need the includes/javascript.php file as a "stub" within our distribution and it should be attempted to be loaded somewhere (or, possibly more preferred to have it as includes/custom_files/custom_javascript.txt along with some other "custom" stubs that folks can change from .txt to .php and use) as there could be blocks that require JS be loaded in the head to use.

My original comment was more just thinking about the order of load. Just thinking all the core JS should go first for sure, then it is a matter of should site-wide JS (such as javascript.php) includes go before module added JS?

Posted: Sun Jan 17, 2010 10:59 am

In this thread, I asked about using tooltips:

Only registered users can see links on this board! Get registered or login!

SpasticDonkey, Kguske and others provided some helpful information and links. I've managed to get an elemental tooltip to work using the title attribute but I'm still puzzled by how to get the Jquery version to work.

I can use Palbin's suggestions, earlier in this thread to get css and javascript included "inline" in my script.

Code:

$inlineCSS = ' ............  ';


addCSSToHead($inlineCSS, 'inline')





or 





$JStoHeadHTML = '


<script type="text/javascript">


.........


</script>';


addJSToHead($JStoHeadHTML, 'inline');

Note however that this gets included BEFORE jquery.php gets included by virtue of the logic in header.php.

However to take advantage of jquery's cluetip capabilities I'm trying to include some simple code that does this:

$("li.title").cluetip({splitTitle: "|"});

I took this from the jquery page one of you referred us to but changed the anchor a.title to a list item. Don't know if this will work but I can't see unless I get it included in the right place and there's the rub.

In my script I did a:

Code:

addJSToHead($JStoHeadHTML, 'inline');


define('RN_MODULE_HEAD', 'rc_header.php');


include('header.php');

where rc_header.php is a file I set up in my module that has the li.title Javascript. Unfortunately when I look at view source it gets included by header.php before jquery.php gets included. What gives? Here is a little section of my view source that shows that my rc_header.php file is getting place right after the meta tags and before any of the inline JS or CSS is executed.

Quote:

Help appreciated.

Posted: Sun Jan 17, 2010 11:48 am

You have to wrap your cluetip in the

Code:

$(document).ready(function() {your stuff here});

Code:

$(document).ready(function() {


$("li.title").cluetip({splitTitle: "|"}); 


});

If this is a site wide addon what about using includes/addons/head-xxx.php ?

or how about
addJSToHead('js/yourClueTipSettings.js', 'file');
include('header.php');

You can also use an external JS file for your cluetip settings, they don't have to be inline.

Posted: Sun Jan 17, 2010 12:39 pm

First off so everyone is aware with jQuery you don't need the $(document).ready(). Smile

Second forget about jquery.php it is essentially obsolete.

fkelly, you have me a little confused. Are you saying that

Code:

$("li.title").cluetip({splitTitle: "|"});

is within rc_header.php?

If so then addJSToHead($JStoHeadHTML, 'inline'); is not need here:

Code:

addJSToHead($JStoHeadHTML, 'inline');


define('RN_MODULE_HEAD', 'rc_header.php');


include('header.php');

It needs to be within rc_header.php

Ok I don't know exactly what your files look like, but lets say for example that you don't have a rc_header.php and have it all in say index.php. It would l0ook something like this.

Code:




addCSSToHead('includes/jquery/css/cuetip.css', 'file');


addJSToHead('includes/jquery/jquery.js', 'file');


addJSToHead('includes/jquery/jquery.cluetip.min.yui.js', 'file');





$inlineJS = '


<script type="text/javascript">


$(function() {


   $("li.title").cluetip({splitTitle: "|"}); 


});


</script>';


addJSToHead($inlineJS, 'inline');





include('header.php');

If you want to use rc_header.php then everything, but include('header.php'); (should be include 'header.php'; Smile

) should be in rc_header.php

Code:




addCSSToHead('includes/jquery/css/cuetip.css', 'file');


addJSToHead('includes/jquery/jquery.js', 'file');


addJSToHead('includes/jquery/jquery.cluetip.min.yui.js', 'file');





$inlineJS = '


<script type="text/javascript">


$(function() {


   $("li.title").cluetip({splitTitle: "|"}); 


});


</script>';


addJSToHead($inlineJS, 'inline');

Never assume these are loaded ALWAYS include them in your scripts.

Code:




addCSSToHead('includes/jquery/css/cuetip.css', 'file');


addJSToHead('includes/jquery/jquery.js', 'file');


addJSToHead('includes/jquery/jquery.cluetip.min.yui.js', 'file');

Hope this helps Smile

Posted: Sun Jan 17, 2010 2:00 pm

Palbin, SpasticDonkey, thanks again. I have tried both your suggestions without success. The problem remains (I think) that the cluetip js gets put too early in the header.php despite the fact that it doesn't appear from the header.php code that it should.

I'll just post my entire code here: you can ignore most of it but it will show the context in which I am doing things.

Here is the basic script:

Code:

<?php


if ( !defined('MODULE_FILE') )


{


   die("You can't access this file directly...");


}


$inlineCSS = '<style type="text/css">


<!--


form.leader_report fieldset {


  margin-bottom: 10px;


}


form.leader_report legend {


  padding: 0 2px;


  font-weight: bold;


}


form.leader_report label {


  display: inline-block;


  line-height: 1.8;


  vertical-align: top;


}


form.leader_report fieldset ol {


  margin: 0;


  padding: 0;


}


form.leader_report fieldset li {


  list-style: none;


  padding: 5px;


  margin: 0;


}


form.leader_report fieldset fieldset {


  border: none;


  margin: 3px 0 0;


}


form.leader_report fieldset fieldset legend {


  padding: 0 0 5px;


  font-weight: normal;


}


form.leader_report fieldset fieldset label {


  display: block;


  width: auto;


}


form.leader_report em {


  font-weight: bold;


  font-style: normal;


  color: #f00;


}


form.leader_report label {


  width: 220px; /* Width of labels */


}


form.leader_report fieldset fieldset label {


  margin-left: 123px; /* Width plus 3 (html space) */


}


-->


</style>';


addCSSToHead($inlineCSS, 'inline');


$JStoHeadHTML = '<script type="text/javascript">


// <![CDATA[


if( document.addEventListener )


document.addEventListener("DOMContentLoaded", leader_report, false);





function cmxform(){


  // Hide forms


  $( "form.leader_report" ).hide().end();





  // Processing


  $( "form.leader_report" ).find( "li/label" ).not( ".nocmx" )


.each( function( i ){


    var labelContent = this.innerHTML;


    var labelWidth = document.defaultView.


getComputedStyle( this, "" ).getPropertyValue( "width" );


    var labelSpan = document.createElement( "span" );


        labelSpan.style.display = "block";


        labelSpan.style.width = labelWidth;


        labelSpan.innerHTML = labelContent;


    this.style.display = "-moz-inline-box";


    this.innerHTML = null;


    this.appendChild( labelSpan );


  } ).end();





  // Show forms


  $( "form.leader_report" ).show().end();


}


// ]]>


</script>


';


addJSToHead($JStoHeadHTML, 'inline');


define('RN_MODULE_HEAD', 'rc_header.php');


addCSSToHead('includes/jquery/css/cuetip.css', 'file');


addJSToHead('includes/jquery/jquery.js', 'file');


addJSToHead('includes/jquery/jquery.cluetip.min.yui.js', 'file'); 


include('header.php');


include_once('ride_fns.php');


//include_once('rc_javascript.php');


$module_name = basename(dirname(__FILE__));


//get_lang($module_name);





if (isset($_POST['member'])) {


   $member=intval($_POST['member']);


}


else {


   $member='';


}


if (isset($_POST['ride_id'])) {


   $ride_id=intval($_POST['ride_id']);


}


else {


   $ride_id='';


}


$row = get_one_leader($member);


$lname = $row['Lname'];


$fname = $row['Fname'];


$email = $row['E_Mail_Address'];


$members = '';


$nonmembers = '';


$weather = '';


$road_conditions = '';


$map_suggestions = '';


$comments = '';


$traffic = '';


$refreshment_stops = '';


$query = 'SELECT * FROM '.$prefix.'_rides WHERE '.$prefix.'_rides.ride_id =\''.$ride_id.'\'';


$result = $db->sql_query($query);


$row = $db->sql_fetchrow($result);


$ride_name = $row['ride_name'];


$ride_description = $row['ride_description'];


$ride_date = $row['fd_date'];


$query = 'SELECT * FROM '.$prefix.'_rides_reports WHERE '.$prefix.'_rides_reports.ride_id =\''.$ride_id.'\'';


$result2 = $db->sql_query($query);


$row2 = $db->sql_fetchrow($result2);


$num_rides = $db->sql_numrows($result2);


if ($num_rides == 1) {


   $members = $row2['members'];


   $nonmembers = $row2['nonmembers'];


   $weather = $row2['weather'];


   $road_conditions = $row2['road_conditions'];


   $map_suggestions = $row2['map_suggestions'];


   $comments = $row2['comments'];


   $traffic = $row2['traffic'];


   $refreshment_stops = $row2['refreshment_stops'];


   }


OpenTable();


echo '<div style="text-align:center"> <em>  Complete a Ride Report</em></div>';


echo '<form method="post" class="leader_report" name="leader_report" action="modules.php?name=Ride_Calendar&amp;file=update_leader_report">';


   echo '<fieldset>';


      echo '<ol>';


      echo '<li>Your MHCC membership information together with the ride name, date and description are listed below.  Please be sure you are submitting a ride report for the correct ride.  Please use the problem email address on the home page of this site to report any discrepancies</li>';


      echo "\n";


      echo '<li>'.$fname . ' ' . $lname . ' ' . $email . '</li>';


      echo '<li>'.$ride_name.'</li>';


      echo '<li>ride description: '.$ride_description.'</li>';


      echo '<li>ride date: '.$ride_date.'</li>';


   echo '</ol>';


   echo "\n";





      echo '<ol>';


         echo '<li>


         <label for="members">Number of MHCC members:</label>


         <input type="text" maxlength="3" id="members" value="'.$members.'" size="10"/> <label for="nonmembers">Number of non-MHCC members: </label><input type="text" maxlength="3" id="nonmembers" value="'.$nonmembers.'" size="10" />


         </li>';


         echo '<li>


            <label for="weather" title="temperature, sky (clear, cloudy), precipitation, wind | oops">Weather: </label><input type="text" maxlength="128" id="weather" value="'.$weather.'" size="100" />


         </li>';


         echo '<li>


            <label for="road_conditions" title="Especially note conditions where any accident occurred">Road Conditions: </label><input type="text" maxlength="256" id="road_conditions" value="'.$road_conditions.'" size="100" />


         </li>';


         echo '<li>


            <label for="map_suggestions">Map Suggestions: </label><input type="text" maxlength="128" id="map_suggestions" value="'.$map_suggestions.'" size="100" />


         </li>';


         echo '<li>


            <label for="traffic">Traffic: </label><input type="text" maxlength="128" id="traffic" value="'.$traffic.'" size="100" />


         </li>';


         echo '<li>


            <label for="refreshment_stops">Refreshment stops: </label>


            <input type="text" maxlength="128" id="refreshment_stops" value="'.$refreshment_stops.'" size="100" />


         </li>';


         echo '<li>


            <label for="comments">Comments:</label>';


            wysiwyg_textarea('comments', ' ', 'PHPNukeAdmin', '75', '12');


         echo '</li>';


            echo '<li><input type="submit" value="Update_Leader_Report" /></li>';


      echo '</ol>';


   echo '</fieldset></form>';


CloseTable();


include('footer.php');


?>

and here is the code for the javascript file rc_header.php that I'm trying to include but which is getting included too early in header.php:

Code:

<script language="JavaScript" type="text/javascript">


<!--


$(document).ready(function() {


$("li.title").cluetip({splitTitle: "|"});


});


-->


</script>

I have tried this both with and without the document.ready thing. Also, to answer a question Palbin asked, you can see that I have some inline Javascript code ... that is needed to deal with differences between the way Mozilla deals with some of the inline css code and the way IE does. The "basic" code works well ... it displays the form with the formatting controlled by the css which I appropriated from the web page I looked on. However getting the cluetip working with jquery features is proving daunting.

Perhaps down the road we could put a jquery_demo module into Ravennuke where we could put some examples of working code and how it is laid out? It could be just a simple "hello world" module with just one example of the main features of jquery we want to use. Like one form with just one input field that is say, an email and an example of how you'd use jquery validation. Or a form with one field with one title attribute and applying jquery to do a cluetip on that. Having a complete working example would be GREAT. I'LL BE happy to help out once you guys can get it through my thick skull how to make it work in the first place.[/code]

Posted: Sun Jan 17, 2010 2:03 pm

Oh I meant to include my complete view source. If you look at the area right below the meta tags near the top you will see that my intended jquery cluetip js gets put way up there.

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" xml:lang="en" lang="en">


<head>


   <title>Ride Calendar - anything - 2.40.01</title>


<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />


<meta http-equiv="Content-Script-Type" content="text/javascript" />


<meta http-equiv="Content-Style-Type" content="text/css" />


<meta http-equiv="Expires" content="0" />


<meta name="RESOURCE-TYPE" content="DOCUMENT" />


<meta name="DISTRIBUTION" content="GLOBAL" />


<meta name="AUTHOR" content="2.40.01" />


<meta name="COPYRIGHT" content="Copyright (c) 2010 by 2.40.01" />


<meta name="DESCRIPTION" content="Welcome to 2.40.01.  anything" />


<meta name="KEYWORDS" content="RavenNuke, news, technology, headlines, nuke, phpnuke, php-nuke, CMS, content management system" />


<meta name="ROBOTS" content="INDEX, FOLLOW" />





<meta name="REVISIT-AFTER" content="1 DAY" />


<meta name="RATING" content="GENERAL" />


<meta name="GENERATOR" content="RavenNuke(tm) Copyright (c) 2002-2009 by Gaylen Fraley. This is free software, and you may redistribute it under the GPL (http://www.gnu.org/licenses/gpl-2.0.txt). RavenNuke(tm) is supported by the RavenNuke(tm) Team at http://ravenphpscripts.com." />


<link rel="alternate" type="application/rss+xml" title="Forums" href="http://localhost/rn240/html/modules.php?name=Feeds&amp;fid=2&amp;type=RSS20" /><link rel="alternate" type="application/rss+xml" title="News" href="http://localhost/rn240/html/modules.php?name=Feeds&amp;fid=1&amp;type=RSS20" /><script language="JavaScript" type="text/javascript">


<!--


$(document).ready(function() {


$("li.title").cluetip({splitTitle: "|"});


});


-->


</script><style type="text/css">


<!--


form.leader_report fieldset {


  margin-bottom: 10px;


}


form.leader_report legend {


  padding: 0 2px;


  font-weight: bold;


}


form.leader_report label {


  display: inline-block;


  line-height: 1.8;


  vertical-align: top;


}


form.leader_report fieldset ol {


  margin: 0;


  padding: 0;


}


form.leader_report fieldset li {


  list-style: none;


  padding: 5px;


  margin: 0;


}


form.leader_report fieldset fieldset {


  border: none;


  margin: 3px 0 0;


}


form.leader_report fieldset fieldset legend {


  padding: 0 0 5px;


  font-weight: normal;


}


form.leader_report fieldset fieldset label {


  display: block;


  width: auto;


}


form.leader_report em {


  font-weight: bold;


  font-style: normal;


  color: #f00;


}


form.leader_report label {


  width: 220px; /* Width of labels */


}


form.leader_report fieldset fieldset label {


  margin-left: 123px; /* Width plus 3 (html space) */


}


-->


</style><link rel="StyleSheet" href="includes/jquery/css/cuetip.css" type="text/css" />


<link rel="StyleSheet" href="./themes/ravennuke.css" type="text/css" />


<link rel="StyleSheet" href="./themes/fisubice/style/style.css" type="text/css" />


<link rel="StyleSheet" href="includes/jquery/css/colorbox.css" type="text/css" />


<link rel="StyleSheet" href="includes/nukeSEO/nukePIE.css" type="text/css" />


<link rel="StyleSheet" href="includes/jquery/css/nukeNAV.css" type="text/css" />


<link rel="StyleSheet" href="themes/fisubice/style/nukeNAV.css" type="text/css" />


<script type="text/javascript">


// <![CDATA[


if( document.addEventListener )


document.addEventListener("DOMContentLoaded", leader_report, false);





function cmxform(){


  // Hide forms


  $( "form.leader_report" ).hide().end();





  // Processing


  $( "form.leader_report" ).find( "li/label" ).not( ".nocmx" )


.each( function( i ){


    var labelContent = this.innerHTML;


    var labelWidth = document.defaultView.


getComputedStyle( this, "" ).getPropertyValue( "width" );


    var labelSpan = document.createElement( "span" );


        labelSpan.style.display = "block";


        labelSpan.style.width = labelWidth;


        labelSpan.innerHTML = labelContent;


    this.style.display = "-moz-inline-box";


    this.innerHTML = null;


    this.appendChild( labelSpan );


  } ).end();





  // Show forms


  $( "form.leader_report" ).show().end();


}


// ]]>


</script>


<script type="text/javascript" language="JavaScript" src="includes/jquery/jquery.js"></script>


<script type="text/javascript" language="JavaScript" src="includes/jquery/jquery.cluetip.min.yui.js"></script>





<script type="text/javascript" language="JavaScript" src="includes/rn.js"></script>


<script type="text/javascript" language="JavaScript" src="includes/jquery/jquery.colorbox-min.js"></script>


<script type="text/javascript">


   $(document).ready(function(){


      $(".colorbox").colorbox({opacity:0.65, current:"{current} of {total}"});


      $(".colorboxSEO").colorbox({opacity:0.50, width:"750", height:"300", iframe:true});


   });


</script>


<script type="text/javascript" language="JavaScript" src="includes/boxover/boxover.js"></script>


<script type="text/javascript" language="JavaScript" src="includes/jquery/jquery.hoverIntent.minified.js"></script>


<script type="text/javascript" language="JavaScript" src="includes/jquery/superfish.js"></script>


<script type="text/javascript" language="JavaScript" src="includes/jquery/supersubs.js"></script>


<script type="text/javascript" language="JavaScript" src="includes/jquery/nukeNAV.js"></script>





</head>


<body bgcolor="#FFFFFF" text="#516A88" style="margin: 10px"><br /><table class="bodyline" width="100%" cellspacing="0" cellpadding="0" border="0">


   <tr>


      <td align="center" valign="top"></td></tr></table>


      <table width="100%" border="0" cellspacing="0" cellpadding="0">


  <tr>


        <td width="60%" style="background-image: url(themes/fisubice/images/cellpic_bkg.jpg)" height="110"><a href="http://www.ravenphpscripts.com" title="PHP Web Host - Quality Web Hosting For All PHP Applications"><img src="themes/fisubice/images/logo.gif" alt="PHP Web Host - Quality Web Hosting For All PHP Applications" border="0" /></a></td>


        <td width="40%" style="background-image: url(themes/fisubice/images/cellpic_bkg.jpg)" height="110"></td>


  </tr>





</table>


    <table width="100%" border="0" cellspacing="0" cellpadding="0">


      <tr>


        <td><table width="100%" border="0" cellpadding="4" cellspacing="0" style="background-image: url(themes/fisubice/images/cellpic_nav.gif)">


            <tr>


              <td nowrap="nowrap"><font class="content">&nbsp;&nbsp;Welcome fkelly!</font></td>


              <td nowrap="nowrap"><div align="center"><div style="float: left; position: relative; left: 50%;"><div style="position:relative;left:-50%;"><ul id="nukeNAV" class="nukeNAV"><li><a href="./">Home</a></li>





<li><a href="modules.php?name=News" title="">News</a>





  <ul>


  <li><a href="modules.php?name=rwsMetAuthors" title="">Authors and Articles</a></li>


  <li><a href="modules.php?name=Stories_Archive" title="">Stories Archive</a></li>


  <li><a href="top.htmlics" title="">Topics</a></li>


  <li><a href="modules.php?name=Submit_News" title="">Submit News</a></li>


  </ul>


</li>





<li><a>Modules</a><ul><li><a href="modules.php?name=AvantGo">AvantGo</a></li>


<li><a href="modules.php?name=Downloads">Downloads</a></li>


<li><a href="modules.php?name=Groups">Groups</a></li>


<li><a href="modules.php?name=Journal">Journal</a></li>


<li><a href="modules.php?name=MHCC_Membership">MHCC Membership</a></li>


<li><a href="modules.php?name=HTML_Newsletter">Newsletters</a></li>


<li><a href="modules.php?name=Ride_Calendar">Ride Calendar</a></li>


<li><a href="modules.php?name=Surveys">Surveys</a></li>





<li><a href="modules.php?name=Top">Top 10</a></li>


<li><a href="modules.php?name=Web_Links">Web Links</a></li>


</ul></li>


<li><a href="modules.php?name=Your_Account" title="">Your Account</a><ul><li><a href="modules.php?name=Private_Messages" title="">Private Messages</a></li><li><a href="modules.php?name=Your_Account&amp;op=edituser" title="">Preferences</a></li><li><a href="modules.php?name=Your_Account&amp;op=logout" title="">Logout</a></li></ul>


</li>


<li><a title="">Site Info</a>


  <ul>


  <li><a href="modules.php?name=Feedback" title="">Feedback</a></li>





  <li><a href="modules.php?name=Recommend_Us" title="">Recommend Us</a></li>


  <li><a href="modules.php?name=Legal" title="">Legal</a></li>


  <li><a href="modules.php?name=Statistics" title="">Statistics</a></li>


  </ul>


</li>


<li><a href="modules.php?name=nukeNAV&amp;op=search" class="colorbox" title="">Search</a></li></ul></div></div></div></td>


              <td nowrap="nowrap"><div align="center"><font class="content">


<script type="text/javascript">





<!--   // Array of Month Names


var monthNames = new Array( 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');


var now = new Date();


var thisYear = now.getYear();


if(thisYear < 1900) {thisYear += 1900; }document.write(monthNames[now.getMonth()] + ' ' + now.getDate() + ', ' + thisYear);


// -->





</script>


                  </font></div></td>


            </tr>


          </table></td>


      </tr>


    </table>


    <table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">


      <tr valign="top">


        <td align="center"></td>





</tr></table>


<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">


<tr valign="top">


  <td valign="top" width="1" style="background-image: url(themes/fisubice/images/7px.gif)"><table width="170" border="0" cellspacing="0" cellpadding="7">


  <tr>


    <td><table width="100%" border="0" cellspacing="0" cellpadding="1">


        <tr>


          <td bgcolor="#486386"><table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#FFFFFF">


              <tr>


                <td height="27" style="background-image: url(themes/fisubice/images/cellpic3.gif)"><table width="100%" border="0" cellspacing="0" cellpadding="4">





                    <tr>


                      <td><font class="block-title"><strong>nukeNAV</strong></font></td>


                    </tr>


                  </table></td>


              </tr>


              <tr>


                <td bgcolor="#F4F6FB"><table width="100%" border="0" cellspacing="0" cellpadding="4">


                    <tr>





                      <td><table border="0" cellpadding="0" cellspacing="0"><tr><td><ul class="nukeNAVmod"><li><a href="./">Home</a></li>


<li><a href="modules.php?name=rwsMetAuthors">Authors and Articles</a></li>


<li><a href="modules.php?name=AvantGo">AvantGo</a></li>


<li><a href="modules.php?name=Downloads">Downloads</a></li>


<li><a href="modules.php?name=Feedback">Feedback</a></li>


<li><a href="modules.php?name=Groups">Groups</a></li>


<li><a href="modules.php?name=Journal">Journal</a></li>


<li><a href="modules.php?name=MHCC_Membership">MHCC Membership</a></li>





<li><a href="modules.php?name=HTML_Newsletter">Newsletters</a></li>


<li><a href="modules.php?name=Private_Messages">Private Messages</a></li>


<li><a href="modules.php?name=Recommend_Us">Recommend Us</a></li>


<li><a href="modules.php?name=Ride_Calendar">Ride Calendar</a></li>


<li><a href="modules.php?name=Search">Search</a></li>


<li><a href="modules.php?name=Statistics">Statistics</a></li>


<li><a href="modules.php?name=Stories_Archive">Stories Archive</a></li>


<li><a href="modules.php?name=Submit_News">Submit News</a></li>


<li><a href="modules.php?name=Surveys">Surveys</a></li>





<li><a href="modules.php?name=Top">Top 10</a></li>


<li><a href="top.htmlics">Topics</a></li>


<li><a href="modules.php?name=Web_Links">Web Links</a></li>


<li><a href="modules.php?name=Your_Account">Your Account</a><ul><li><a href="modules.php?name=Private_Messages" title="">Private Messages</a></li><li><a href="modules.php?name=Your_Account&amp;op=edituser" title="">Preferences</a></li><li><a href="modules.php?name=Your_Account&amp;op=chgtheme" title="">Change Theme</a></li><li><a href="modules.php?name=Your_Account&amp;op=logout" title="">Logout</a></li></ul></li>


</ul></td></tr></table></td>


                    </tr>


                  </table></td>





              </tr>


              <tr>


                <td height="27" style="background-image: url(themes/fisubice/images/cellpic1.gif)">&nbsp;</td>


              </tr>


            </table></td>


        </tr>


      </table></td>


  </tr>


</table>





<table width="170" border="0" cellspacing="0" cellpadding="7">


  <tr>


    <td><table width="100%" border="0" cellspacing="0" cellpadding="1">


        <tr>


          <td bgcolor="#486386"><table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#FFFFFF">


              <tr>


                <td height="27" style="background-image: url(themes/fisubice/images/cellpic3.gif)"><table width="100%" border="0" cellspacing="0" cellpadding="4">


                    <tr>


                      <td><font class="block-title"><strong>Who's Online</strong></font></td>





                    </tr>


                  </table></td>


              </tr>


              <tr>


                <td bgcolor="#F4F6FB"><table width="100%" border="0" cellspacing="0" cellpadding="4">


                    <tr>


                      <td><div align="center"><span class="content">There are currently, 0 guest(s) and 1 member(s) that are online.<br /><br />You are logged as <b>fkelly</b>.<br />You have <a href="modules.php?name=Private_Messages"><b>0</b></a> private message(s).</span></div></td>





                    </tr>


                  </table></td>


              </tr>


              <tr>


                <td height="27" style="background-image: url(themes/fisubice/images/cellpic1.gif)">&nbsp;</td>


              </tr>


            </table></td>


        </tr>


      </table></td>





  </tr>


</table>


<table width="170" border="0" cellspacing="0" cellpadding="7">


  <tr>


    <td><table width="100%" border="0" cellspacing="0" cellpadding="1">


        <tr>


          <td bgcolor="#486386"><table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#FFFFFF">


              <tr>


                <td height="27" style="background-image: url(themes/fisubice/images/cellpic3.gif)"><table width="100%" border="0" cellspacing="0" cellpadding="4">


                    <tr>





                      <td><font class="block-title"><strong>Languages</strong></font></td>


                    </tr>


                  </table></td>


              </tr>


              <tr>


                <td bgcolor="#F4F6FB"><table width="100%" border="0" cellspacing="0" cellpadding="4">


                    <tr>


                      <td><center>We're sorry but there are no language translations available. Please contact the Webmaster for further help.</center></td>





                    </tr>


                  </table></td>


              </tr>


              <tr>


                <td height="27" style="background-image: url(themes/fisubice/images/cellpic1.gif)">&nbsp;</td>


              </tr>


            </table></td>


        </tr>


      </table></td>





  </tr>


</table>


<table width="170" border="0" cellspacing="0" cellpadding="7">


  <tr>


    <td><table width="100%" border="0" cellspacing="0" cellpadding="1">


        <tr>


          <td bgcolor="#486386"><table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#FFFFFF">


              <tr>


                <td height="27" style="background-image: url(themes/fisubice/images/cellpic3.gif)"><table width="100%" border="0" cellspacing="0" cellpadding="4">


                    <tr>





                      <td><font class="block-title"><strong>Site Info v2.2.2 </strong></font></td>


                    </tr>


                  </table></td>


              </tr>


              <tr>


                <td bgcolor="#F4F6FB"><table width="100%" border="0" cellspacing="0" cellpadding="4">


                    <tr>


                      <td><form action="modules.php?name=Your_Account" method="post"><input type="hidden" name="__csrf_magic" value="sid:2a362a6dc102459fdf5fd5a93616e2416df5dfd0,1263757631" /><center><b>Your IP: 127.0.0.1</b></center><center><img alt="" src="modules/Forums/images/avatars/" /></center><br /><center>320 post(s)</center>





<br /><img src="images/blocks/group-4.gif" height="14" width="17" alt="" /> Welcome, <b>fkelly</b><br />





<a href="modules.php?name=Your_Account&amp;op=logout"><img src="images/blocks/arrow-blk.gif" width="17" border="0" alt="" />&nbsp;Logout</a>


<hr />


<img src="images/blocks/email-y.gif" height="10" width="14" alt="" /> <a href="modules.php?name=Private_Messages"><b>Private Messages</b></a><br />


<img src="images/blocks/email-r.gif" height="10" width="14" alt="" /> Unread: <b>0</b><br />


<img src="images/blocks/email-g.gif" height="10" width="14" alt="" /> Read: <b>0</b><br />





<hr />


<img src="images/blocks/group-2.gif" height="14" width="17" alt="" /> <b><u>Membership:</u></b><br />


<img src="images/blocks/ur-moderator.gif" height="14" width="17" alt="" /> Latest: <a href="modules.php?name=Your_Account&amp;op=userinfo&amp;username=8716valver"><img src="images/blocks/icon_mini_profile.gif" border="0" title="Check the profile of 8716valver" alt="Check the profile of 8716valver" /></a>&nbsp;<a href="modules.php?name=Forums&amp;file=profile&amp;mode=viewprofile&amp;u=4098"><b>8716valver</b></a><br />


<img src="images/blocks/ur-author.gif" height="14" width="17" alt="" /> New Today<br />


<img src="images/blocks/ur-admin.gif" height="14" width="17" alt="" /> New Yesterday<br />


<img src="images/blocks/ur-member.gif" height="14" width="17" alt="" /> Waiting: <b>0</b><br />





<img src="images/blocks/ur-guest.gif" height="14" width="17" alt="" /> Overall: <b>1,431</b><br />


<hr />


<img src="images/blocks/group-3.gif" height="14" width="17" alt="" /> <b><u>People Online:</u></b>


<br />


<img src="images/blocks/ur-anony.gif" height="14" width="17" alt="" /> Visitors: <b>0</b><br />


<img src="images/blocks/ur-member.gif" height="14" width="17" alt="" /> Members: <b>0</b><br />





<img src="images/blocks/ur-registered.gif" height="14" width="17" alt="" /> Total: <b>0</b><br />


<hr noshade="noshade" />


<hr /><center><small>We have received</small><br />


<b>210</b><br />


<small>page views since<br />December 21, 2009</small></center><hr noshade="noshade" /><center>Hits New Today: <b>15</b><br /></center><hr noshade="noshade" /><center>Server Date/Time<br />17 January 2010


14:47:11 EST (GMT -5)</center></form></td>


                    </tr>





                  </table></td>


              </tr>


              <tr>


                <td height="27" style="background-image: url(themes/fisubice/images/cellpic1.gif)">&nbsp;</td>


              </tr>


            </table></td>


        </tr>


      </table></td>


  </tr>





</table>


</td><td valign="top" width="100%"><table width="100%" border="0" cellspacing="0" cellpadding="7">


  <tr>


    <td><table width="100%" border="0" cellspacing="0" cellpadding="1">


        <tr>


          <td bgcolor="#486386"><table width="100%" border="0" cellspacing="0" cellpadding="1">


              <tr>


                <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="1">


                    <tr>


                      <td bgcolor="#F4F6FB"><table width="100%" border="0" cellspacing="0" cellpadding="4">





                          <tr>


                            <td><div style="text-align:center"> <em>  Complete a Ride Report</em></div><form method="post" class="leader_report" name="leader_report" action="modules.php?name=Ride_Calendar&amp;file=update_leader_report"><input type="hidden" name="__csrf_magic" value="sid:2a362a6dc102459fdf5fd5a93616e2416df5dfd0,1263757631" /><fieldset><ol><li>Your MHCC membership information together with the ride name, date and description are listed below.  Please be sure you are submitting a ride report for the correct ride.  Please use the problem email address on the home page of this site to report any discrepancies</li>


<li>Frank Kelly fkelly@nycap.rr.com</li><li>Rensselaer County Rides</li><li>ride description: Multi-paced rides; all riders welcome</li><li>ride date: 2005-05-03</li></ol>


<ol><li>


         <label for="members">Number of MHCC members:</label>





         <input type="text" maxlength="3" id="members" value="" size="10"/> <label for="nonmembers">Number of non-MHCC members: </label><input type="text" maxlength="3" id="nonmembers" value="" size="10" />


         </li><li>


            <label for="weather" title="temperature, sky (clear, cloudy), precipitation, wind | oops">Weather: </label><input type="text" maxlength="128" id="weather" value="" size="100" />


         </li><li>


            <label for="road_conditions" title="Especially note conditions where any accident occurred">Road Conditions: </label><input type="text" maxlength="256" id="road_conditions" value="" size="100" />


         </li><li>


            <label for="map_suggestions">Map Suggestions: </label><input type="text" maxlength="128" id="map_suggestions" value="" size="100" />





         </li><li>


            <label for="traffic">Traffic: </label><input type="text" maxlength="128" id="traffic" value="" size="100" />


         </li><li>


            <label for="refreshment_stops">Refreshment stops: </label>


            <input type="text" maxlength="128" id="refreshment_stops" value="" size="100" />


         </li><li>


            <label for="comments">Comments:</label><input type="hidden" id="comments" name="comments" value=" " style="display:none" /><input type="hidden" id="comments___Config" value="" style="display:none" /><iframe id="comments___Frame" src="./includes/fckeditor/editor/fckeditor.html?InstanceName=comments&amp;Toolbar=PHPNukeAdmin" width="100%" height="280" frameborder="0" scrolling="no"></iframe></li><li><input type="submit" value="Update_Leader_Report" /></li></ol></fieldset></form></td>





                          </tr>


                        </table></td>


                    </tr>


                  </table></td>


              </tr>


            </table></td>


        </tr>


      </table></td>


  </tr>





</table></td></tr></table><table width="100%"><tr><td>&nbsp;</td></tr></table><center>


<div class="lgl_menu">[&nbsp;<a href="modules.php?name=Legal&amp;op=notice">Legal&nbsp;Notice</a>&nbsp;| <a href="modules.php?name=Legal&amp;op=privacy">Privacy&nbsp;Policy</a>&nbsp;| <a href="modules.php?name=Legal&amp;op=terms">Terms&nbsp;of&nbsp;Use</a> | <a href="modules.php?name=Legal&amp;op=lgl_contact">Comments</a>&nbsp;]</div><div class="small"><div class="footmsg">All logos and trademarks in this site are property of their respective owner. The comments are property of their posters, all the rest &copy; 2009 by me.<br />You can syndicate our news using the file <a href="backend.php" target="_blank"><font class="footmsg_l">backend.php</font></a>.<br /><br /><font class="footmsg_l"><a href="http://www.ravenphpscripts.com" title="Distributed by Raven PHP Scripts" target="_blank">Distributed by Raven PHP Scripts</a><br />New code written and maintained by the<a href="http://rnwiki.ravennuke.com/wiki/RavenNuke2:Credits" target="_blank"> RavenNuke&trade; TEAM</a></font><br /><font class="footmsg_l">(Original PHP-Nuke Code Copyright &copy; 2004 by Francisco Burzi)</font><br />Page Generation: 0.06 Seconds<br /></div></div></center>





<center><br /><font class="small">:: fisubice phpbb2 style by <a href="http://www.forumimages.com/">Daz</a> :: PHP-Nuke theme by <a href="http://www.nukemods.com">www.nukemods.com</a> ::</font></center><center><font class="small">:: fisubice Theme Recoded To 100% W3C CSS &amp; HTML 4.01 Transitional &amp; XHTML 1.0 Transitional Compliance by RavenNuke&trade; TEAM :: </font></center><center><br /><font class="small">:: <a href="http://jigsaw.w3.org/css-validator/" target="_blank" title="W3C CSS Compliance Validation"><img src="themes/fisubice/images/w3c_css.gif" width="62" height="22" border="0" alt="W3C CSS Compliance Validation" /></a> :: <a href="http://validator.w3.org/" title="W3C HTML 4.01 Transitional Compliance Validation"><img src="themes/fisubice/images/w3c_xxx.gif" alt="W3C HTML 4.01 Transitional Compliance Validation" width="62" height="22" border="0" /></a> :: <a href="http://validator.w3.org/" title="W3C XHTML 1.0 Transitional Compliance Validation"><img src="themes/fisubice/images/w3c_xhtml.gif" alt="W3C XHTML 1.0 Transitional Compliance Validation" width="62" height="22" border="0" /></a> ::</font></center><br />





</body>


</html>

Posted: Sun Jan 17, 2010 4:32 pm

Working on this further, I see a missing file in my local apache error log. This was based on Palbin's earlier suggestion:

Quote:

Ok I don't know exactly what your files look like, but lets say for example that you don't have a rc_header.php and have it all in say index.php. It would l0ook something like this.

Code: ‹ Select › ‹ Expand ›

addCSSToHead('includes/jquery/css/cuetip.css', 'file');
addJSToHead('includes/jquery/jquery.js', 'file');
addJSToHead('includes/jquery/jquery.cluetip.min.yui.js', 'file');

$inlineJS = '

The "cuetip.css" file needs to be cluetip.

Then I was thinking "well I am trying to apply a cluetip to a label tag and there may be no class for it in the cluetip.css. So let's go back to the basics and just emulate exactly the code off the jquery web page. So I put in an anchor tag as per:

Code:

echo '<a class="title" href="modules.php?name=Ride_Calendar&amp;file=index" title="back to select rides | index.php" >Back to Select Rides</a>';

Unfortunately, this picks up the title class from the fisubice theme.css file rather than from cluetip.css. So I go in and temporarily modify the title class in the fisubice file but that does nothing except reduce the font size and bolding of the a tag.

Posted: Sun Jan 17, 2010 5:28 pm

Your rc_header.php needs to look like this. Smile

Code:




$inlineJS = '


<script type="text/javascript">


$(function() {


   $("li.title").cluetip({splitTitle: "|"});


});


</script>';


addJSToHead($inlineJS, 'inline');

Posted: Sun Jan 17, 2010 5:33 pm

Sorry about the css problem I was using something I was working on. I looked at the files on the svn and this is what you need.

Code:




addCSSToHead('includes/jquery/css/jquery.cluetip-min.css', 'file');