The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Java Script

View previous topic View next topic Go down

Java Script

Post by Txdz on April 22nd 2012, 5:11 am

I've made this thing with my friend and I need help, It's a home page that has the basic's at the top "Home" "About us" "Contact us", etc. We've added this little slide show in the extra space taken up and it's a java script code, is there any way I can get this to display on a forumotion site?

Txdz
New Member

Posts : 6
Reputation : 1
Language : English

Back to top Go down

Re: Java Script

Post by Txdz on April 22nd 2012, 5:13 am

Believe me, I've tried everything , by any chance do you have Team Viewer?

Txdz
New Member

Posts : 6
Reputation : 1
Language : English

Back to top Go down

Re: Java Script

Post by Txdz on April 22nd 2012, 5:20 am

Code:
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="UTF-8" />
<title>Slayers-Harmony</title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="http://blackbarrage.net/wp-content/themes/dk/style.css" />
<link rel="pingback" href="http://slayersharmony.forum-livre.com/" />


<!-- Template stylesheet -->

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>

 

<link rel="alternate" type="application/rss+xml" title="RuneTradition Feed" href="http://blackbarrage.net/?feed=rss2" />
<link rel="alternate" type="application/rss+xml" title="RuneTradition Comments Feed" href="http://blackbarrage.net/?feed=comments-rss2" />
<link rel='stylesheet' id='colorpicker.css-css'  href='http://blackbarrage.net/wp-content/themes/dk/js/colorpicker/css/colorpicker.css?ver=1.3' type='text/css' media='all' />
<link rel='stylesheet' id='screen_css-css'  href='http://blackbarrage.net/wp-content/themes/dk/css/screen.css?ver=1.3' type='text/css' media='all' />
<link rel='stylesheet' id='fancybox_css-css'  href='http://blackbarrage.net/wp-content/themes/dk/js/fancybox/jquery.fancybox-1.3.0.css?ver=1.3' type='text/css' media='all' />
<link rel='stylesheet' id='videojs_css-css'  href='http://blackbarrage.net/wp-content/themes/dk/js/video-js.css?ver=1.3' type='text/css' media='all' />
<link rel='stylesheet' id='vim_css-css'  href='http://blackbarrage.net/wp-content/themes/dk/js/skins/vim.css?ver=1.3' type='text/css' media='all' />
<link rel='stylesheet' id='google_fonts-css'  href='http://fonts.googleapis.com/css?ver=3.3.1' type='text/css' media='all' />
<script type='text/javascript' src='http://blackbarrage.net/wp-includes/js/jquery/jquery.js?ver=1.7.1'></script>
<script type='text/javascript' src='http://blackbarrage.net/wp-content/themes/dk/js/jquery.ui.js?ver=1.3'></script>
<script type='text/javascript' src='http://blackbarrage.net/wp-content/themes/dk/js/colorpicker.js?ver=1.3'></script>
<script type='text/javascript' src='http://blackbarrage.net/wp-content/themes/dk/js/fancybox/jquery.fancybox-1.3.0.js?ver=1.3'></script>
<script type='text/javascript' src='http://blackbarrage.net/wp-content/themes/dk/js/jquery.easing.js?ver=1.3'></script>
<script type='text/javascript' src='http://blackbarrage.net/wp-content/themes/dk/js/jquery.nivoslider.js?ver=1.3'></script>
<script type='text/javascript' src='http://blackbarrage.net/wp-content/themes/dk/js/gmap.js?ver=1.3'></script>
<script type='text/javascript' src='http://blackbarrage.net/wp-content/themes/dk/js/jquery.validate.js?ver=1.3'></script>
<script type='text/javascript' src='http://blackbarrage.net/wp-content/themes/dk/js/jquery.tubular.js?ver=1.3'></script>
<script type='text/javascript' src='http://blackbarrage.net/wp-content/themes/dk/js/browser.js?ver=1.3'></script>
<script type='text/javascript' src='http://blackbarrage.net/wp-content/themes/dk/js/video.js?ver=1.3'></script>
<script type='text/javascript' src='http://blackbarrage.net/wp-content/themes/dk/js/jquery.backstretch.js?ver=1.3'></script>
<script type='text/javascript' src='http://blackbarrage.net/wp-content/themes/dk/js/hint.js?ver=1.3'></script>
<script type='text/javascript' src='http://blackbarrage.net/wp-content/themes/dk/js/jquery.flip.min.js?ver=1.3'></script>
<script type='text/javascript' src='http://blackbarrage.net/wp-content/themes/dk/js/jquery-mousewheel-3.0.4/jquery.mousewheel.min.js?ver=1.3'></script>
<script type='text/javascript' src='http://blackbarrage.net/wp-content/themes/dk/js/jquery.jplayer.min.js?ver=1.3'></script>
<script type='text/javascript' src='http://blackbarrage.net/wp-content/themes/dk/js/custom.js?ver=1.3'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://blackbarrage.net/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://blackbarrage.net/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 3.3.1" />
   <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>

<!--[if IE]>
<link rel="stylesheet" href="http://blackbarrage.net/wp-content/themes/dk/css/ie.css" type="text/css" media="all"/>
<![endif]-->

<!--[if IE 7]>
<link rel="stylesheet" href="http://blackbarrage.net/wp-content/themes/dk/css/ie7.css" type="text/css" media="all"/>
<![endif]-->

<script type="text/javascript" language="javascript">
    $j(function() {
        $j(this).bind("contextmenu", function(e) {
                         alert('Thanks for visiting Faded-Dreamz. please Vote, Donate and enjoy our Community!!');
                       e.preventDefault();
        });
    });
</script>

<style type="text/css">

.logo_wrapper { height:80px; }
.nav, .subnav { display: block; }
.post_header h2, h1, h2, h3, h4, h5
{
   color: #000000;
}
.logo_wrapper, .nav, .subnav, .nav li ul, .nav li ul li ul
{
   background: #000000;
}

.nav li a { font-size:14px; }

h1 { font-size:40px; }

h2 { font-size:32px; }

h3 { font-size:26px; }

h4 { font-size:24px; }

h5 { font-size:22px; }

h6 { font-size:18px; }

a { color:#000000; }

a:hover, a:active { color:#05d7e6; }
.nav li.current-menu-item > a, .nav li > a:hover, .nav li > a.hover, .nav li > a:active, .nav li.current-menu-parent > a, .nav li.current-menu-item > a, .nav li > a:hover, .nav li > a.hover, .nav li > a:active, .nav li.current-menu-parent > a { border-bottom: 2px solid #05d7e6; }

input[type=submit], input[type=button], a.button {
   background: #333333;
   background: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#333333));
   background: -moz-linear-gradient(top,  #707070,  #333333);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#333333');
   text-shadow: -1px 0 1px #333;
}
input[type=submit]:active, input[type=button]:active, a.button:active
{
   background: #333333;
   background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#707070));
   background: -moz-linear-gradient(top,  #333333,  #707070);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#333333');
}

input[type=submit], input[type=button], a.button {
   color: #ffffff;
}
input[type=submit]:hover, input[type=button]:hover, a.button:hover
{
   color: #ffffff;
}

input[type=submit], input[type=button], a.button {
   border: 1px solid #111111;
}

.post_header h2, h1, h2, h3, h4, h5
{
   color: #000000;
}

</style>

</head>

<body class="home blog">

   <input type="hidden" id="pp_enable_hide_menu" name="pp_enable_hide_menu" value=""/>
   
      <input type="hidden" id="pp_bg_overlay" name="pp_bg_overlay" value=""/>

   <div class="social_wrapper">
       <ul>
                                                                   </ul>
   </div>

   <!-- Begin template wrapper -->
   <div id="wrapper">
   
      <div id="menu_wrapper">
         
         <!-- Begin logo -->
               
                           
         <a id="custom_logo" class="logo_wrapper" href="http://slayersharmony.forum-livre.com/">
            <img src="http://blackbarrage.net/wp-content/themes/dk/data/1333824688_icebarrage.gif" alt=""/>
                     </a>
                  
         <!-- End logo -->
      
          <!-- Begin main nav -->
          <div class="menu-main-menu-container"><ul id="main_menu" class="nav"><li id="menu-item-5" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-5"><a href="http://slayersharmony.forum-livre.com/">Home</a></li>
<li id="menu-item-12" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12"><a href="http://slayersharmony.forum-livre.com/">Forums</a></li>
<li id="menu-item-6" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6"><a href="http://slayersharmony.forum-livre.com/t26-contact-us#60">Contact Us</a></li>
<li id="menu-item-13" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13"><a href="http://www.rune-server.org/top.php?act=vote&sid=3045">Vote</a></li>
<li id="menu-item-15" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-15"><a href="http://www.slayers-harmony.com/economy.php">Webclient</a></li>
<li id="menu-item-22" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22"><a href="http://www.slayers-harmony.com/donate.php">Donate</a></li>
</ul></div>         
          <!-- End main nav -->
         
      </div>
      
      
      <br class="clear"/><link rel="stylesheet" href="http://blackbarrage.net/wp-content/themes/dk/css/supersized.css" type="text/css" media="screen" />

      <script type="text/javascript" src="http://blackbarrage.net/wp-content/themes/dk/js/supersized.3.1.3.js"></script>
      <script type="text/javascript" src="http://blackbarrage.net/wp-content/themes/dk/js/supersized.shutter.js"></script>
      
      <script type="text/javascript"> 
         
         jQuery(function($){
            $.supersized({
            
               //Functionality
               slideshow              :  1,      //Slideshow on/off
               autoplay            :   1,      //Slideshow starts playing automatically
               start_slide            :  1,      //Start slide (0 is random)
               random               :    0,      //Randomize slide order (Ignores start slide)
                              slide_interval          :  5000,   //Length between transitions
                              transition              :  1,       //0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
               transition_speed      :   500,   //Speed of transition
               new_window            :   1,      //Image links open in new window/tab
               pause_hover            :  0,      //Pause slideshow on hover
               keyboard_nav            :  1,      //Keyboard navigation on/off
               performance            :   1,      //0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
               image_protect         :   0,      //Disables image dragging and right click with Javascript

               //Size & Position
               min_width              :  0,      //Min width allowed (in pixels)
               min_height              :  0,      //Min height allowed (in pixels)
               vertical_center        :  1,      //Vertically center background
               horizontal_center      :  1,      //Horizontally center background
                              fit_portrait           :  0,      //Portrait images will not exceed browser height
               fit_landscape         :  0,      //Landscape images will not exceed browser width
               
               //Components
               navigation              :  1,      //Slideshow controls on/off
               thumbnail_navigation    :  0,      //Thumbnail navigation
               slide_counter          :  0,      //Display slide numbers
               slide_captions          :  1,      //Slide caption (Pull from "title" in slides array)
               progress_bar         :   1,
               slides                :     [      //Slideshow Images
                                           
   

      
                      
       
                      
       
                      
       
                  {image : 'http://blackbarrage.net/wp-content/uploads/2012/04/The_battle_between_the_gods.png', thumb: 'http://blackbarrage.net/wp-content/themes/dk/timthumb.php?src=http://blackbarrage.net/wp-content/uploads/2012/04/The_battle_between_the_gods.png&amp;h=80&amp;w=130&amp;zc=1', title: "<div id=\"gallery_title\">The_battle_between_the_gods</div><div id=\"gallery_desc\"></div>"},{image : 'http://blackbarrage.net/wp-content/uploads/2012/04/lumbridge.jpg', thumb: 'http://blackbarrage.net/wp-content/themes/dk/timthumb.php?src=http://blackbarrage.net/wp-content/uploads/2012/04/lumbridge.jpg&amp;h=80&amp;w=130&amp;zc=1', title: "<div id=\"gallery_title\">lumbridge</div><div id=\"gallery_desc\"></div>"},{image : 'http://blackbarrage.net/wp-content/uploads/2012/04/129729028061_wilderness_4.jpg', thumb: 'http://blackbarrage.net/wp-content/themes/dk/timthumb.php?src=http://blackbarrage.net/wp-content/uploads/2012/04/129729028061_wilderness_4.jpg&amp;h=80&amp;w=130&amp;zc=1', title: "<div id=\"gallery_title\">129729028061_wilderness_4</div><div id=\"gallery_desc\"></div>"}                  ]
                                    
            });
          });
         
      </script>
      
      <!--Time Bar-->
      <div id="progress-back" class="load-item">
         <div id="progress-bar"></div>
      </div>
      
      <div id="thumb-tray" class="load-item">
         <div id="thumb-back"></div>
         <div id="thumb-forward"></div>
      </div>
      
            
      <!--Control Bar-->
      <div id="controls-wrapper" class="load-item">
         <div id="controls">
            
            <!--Arrow Navigation-->
            <a id="prevslide" class="load-item"><img src="http://blackbarrage.net/wp-content/themes/dk/images/icon_prev.png" alt=""/></a>
            
            <a id="play-button"><img id="pauseplay" src="http://blackbarrage.net/wp-content/themes/dk/images/pause.png"/></a>
            
            <a id="nextslide" class="load-item"><img src="http://blackbarrage.net/wp-content/themes/dk/images/icon_next.png" alt=""/></a>      
            <!--Thumb Tray button-->
            <a id="tray-button"><img id="tray-arrow" src="http://blackbarrage.net/wp-content/themes/dk/images/button-tray-up.png"/></a>   
         </div>
         
      </div>
      
      <input type="hidden" id="pp_image_path" name="pp_image_path" value="http://blackbarrage.net/wp-content/themes/dk/images/"/>
      
             
      
<script>
$j(document).ready(function() {
   });
</script>
   <br class="clear"/>
   <div id="footer">
      <div id="copyright">
          All Right Reserved | Slayers-Harmony Copyright 2012      </div>
         </div>
   <br class="clear"/>
   </div>
   

<style>
#progress-bar { background:#05d7e6; }
#controls, #thumb-tray
{
   background: #000000;
}
</style>
</body>
</html>



it has javascript and forumotion doesn't allow it i guess and i can't figure out why? But i don't want to use a webhost to make it work because i let my friend use the code on his webhost and it worked fine while using a text/html document.

Txdz
New Member

Posts : 6
Reputation : 1
Language : English

Back to top Go down

Re: Java Script

Post by Txdz on April 22nd 2012, 5:25 am

Rideem3 wrote:Forumotion does in fact allow JavaScript.

That's not the exact code for the slideshow, that's an entire WordPress page? I believe.

Are you using NivoSlider?

Yes, But is there anyway you can change the slide show code into a slide show that will work on forumotion?

Txdz
New Member

Posts : 6
Reputation : 1
Language : English

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum