Issues with script not working on website.

Kamis0ri89 · September 29, 2016

Ok so I have it set up in codepen

But when i place it in the website id does not run the buttons to collapse the panel or bring the panel out.

{{if !\IPS\Request::i()->isAjax()}}
	<script type='text/javascript'>
		var ipsDebug = {{if ( \IPS\IN_DEV and \IPS\DEV_DEBUG_JS ) or \IPS\DEBUG_JS}}true{{else}}false{{endif}};		
	{{if \IPS\IN_DEV}}
		var CKEDITOR_BASEPATH = '{url="applications/core/dev/ckeditor" base="none" protocol="\IPS\Http\Url::PROTOCOL_RELATIVE"}/';
	{{else}}
		var CKEDITOR_BASEPATH = '{url="applications/core/interface/ckeditor/ckeditor" base="none" protocol="\IPS\Http\Url::PROTOCOL_RELATIVE"}/';
	{{endif}}
		var ipsSettings = {
			{{if \IPS\Dispatcher::hasInstance() and \IPS\Dispatcher::i()->controllerLocation == 'admin'}}
			adsess: "{expression="\IPS\Request::i()->adsess"}",
			{{endif}}
			{{if \IPS\COOKIE_DOMAIN !== NULL}}
			cookie_domain: "{expression="\IPS\COOKIE_DOMAIN"}",
			{{endif}}
			{{if \IPS\COOKIE_PATH !== NULL}}
			cookie_path: "{expression="\IPS\COOKIE_PATH"}",
			{{endif}}
			{{if \IPS\COOKIE_PREFIX !== NULL}}
			cookie_prefix: "{expression="\IPS\COOKIE_PREFIX"}",
			{{endif}}
			{{if mb_substr( \IPS\Settings::i()->base_url, 0, 5 ) == 'https' AND \IPS\COOKIE_BYPASS_SSLONLY !== TRUE}}
			cookie_ssl: true,
			{{else}}
			cookie_ssl: false,
			{{endif}}
			imgURL: "{resource="./" location="front"}",
			baseURL: "{expression="\IPS\Http\Url::baseUrl( \IPS\Http\Url::PROTOCOL_RELATIVE )"}",
			jsURL: "{expression="rtrim( \IPS\Http\Url::baseUrl( \IPS\Http\Url::PROTOCOL_RELATIVE ), '/' )"}/applications/core/interface/js/js.php",
			csrfKey: "{expression="\IPS\Session::i()->csrfKey"}",
			antiCache: "{expression="\IPS\SUITE_UNIQUE_KEY"}",
			disableNotificationSounds: {{if member.members_bitoptions['disable_notification_sounds']}}true{{else}}false{{endif}},
			useCompiledFiles: {{if \IPS\IN_DEV}}false{{else}}true{{endif}},
			links_external: {setting="links_external"},
			memberID: {expression="( \IPS\Member::loggedIn()->member_id ) ? \IPS\Member::loggedIn()->member_id : 0"}
		};
	</script>
{{endif}}
{{foreach array_unique( array_filter( \IPS\Output::i()->jsFiles ), SORT_STRING ) as $js}}
{{$js = \IPS\Http\Url::external( $js );}}
<script type='text/javascript' src='{{if $js->data['host'] == parse_url( \IPS\Settings::i()->base_url, PHP_URL_HOST )}}{expression="$js->setQueryString( 'v', \IPS\SUITE_UNIQUE_KEY )"}{{else}}{expression="$js"}{{endif}}' data-ips></script>
{{endforeach}}
{{foreach array_unique( \IPS\Output::i()->jsFilesAsync, SORT_STRING ) as $js}}
<script type="text/javascript" src="{expression="\IPS\Http\Url::external( $js )->setQueryString( 'v', \IPS\SUITE_UNIQUE_KEY )"}" async="true"></script>
{{endforeach}}
{{if !\IPS\Request::i()->isAjax() and ( count( \IPS\Output::i()->jsVars ) || \IPS\Output::i()->headJs)}}
	<script type='text/javascript'>
		{{foreach \IPS\Output::i()->jsVars as $k => $v}}
			ips.setSetting( '{$k}', {{if ! is_array( $v )}}jQuery.parseJSON('{expression="json_encode( $v )" raw="true"}'){{else}}{expression="json_encode( $v )" raw="true"}{{endif}} );
		{{endforeach}}
		{expression="\IPS\Output::i()->headJs" raw="true"}
	</script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"></script>
{{endif}}

<!DOCTYPE html>
<html lang="{expression="\IPS\Member::loggedIn()->language()->bcp47()"}" dir="{{if member.language()->isrtl}}rtl{{else}}ltr{{endif}}">
	<head>
		<title>{expression="output.getTitle( $title )"}</title>
		<!--[if lt IE 9]>
			{{foreach \IPS\Theme::i()->css( 'extra/ie8.css', 'core' ) as $css}}<link rel="stylesheet" type="text/css" href="{$css}">{{endforeach}}
		    <script src="{url="applications/core/interface/html5shiv/html5shiv.js" base="none" protocol="\IPS\Http\Url::PROTOCOL_RELATIVE"}"></script>
		<![endif]-->
		{template="includeMeta" app="core" group="global" location="global" params=""}
		{template="includeCSS" app="core" group="global" location="global" params=""}
		{template="includeJS" if="theme.js_include != 'footer'" app="core" group="global" location="global" params=""}
		{template="favico" app="core" group="global" location="front" params=""}
      <script src="https://apis.google.com/js/platform.js" async defer></script>
      <script src="https://apis.google.com/js/platform.js"></script>    
	</head>
	<body class='ipsApp ipsApp_front {{if isset( \IPS\Request::i()->cookie['hasJS'] )}}ipsJS_has{{else}}ipsJS_none{{endif}} ipsClearfix{{foreach output.bodyClasses as $class}} {$class}{{endforeach}}' {{if output.globalControllers}}data-controller='{expression="implode( ',', output.globalControllers )"}'{{endif}} {{if isset( output.inlineMessage )}}data-message="{expression="output.inlineMessage"}"{{endif}} data-pageApp='{$location['app']}' data-pageLocation='front' data-pageModule='{$location['module']}' data-pageController='{$location['controller']}' itemscope itemtype="http://schema.org/WebSite">
		
      	<meta itemprop="url" content="{setting="base_url"}">
		<a href='#elContent' class='ipsHide' title='{lang="jump_to_content_desc"}' accesskey='m'>{lang="jump_to_content"}</a>
		{template="offlineMessage" if="!settings.site_online && \IPS\Member::loggedIn()->group['g_access_offline']" app="core" group="global" params=""}
		<div id='ipsLayout_header' class='ipsClearfix'>
			{template="updateWarning" app="core" group="global" params=""}
			{template="lkeyWarning" app="core" group="global" location="global" params=""}
			{{if !in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="mobileNavBar" app="core" group="global" params=""}{{endif}}
			<header>
				<div class='ipsLayout_container'>
					{template="logo" app="core" group="global" params=""}
                   	{{if !in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="userBar" app="core" group="global" params=""}{{endif}}
                </div>
        </header>
			{template="navBar" app="core" group="global" params=""}
		</div>
		<main role='main' id='ipsLayout_body' class='ipsLayout_container'>
			<div id='ipsLayout_contentArea'>
				<div id='ipsLayout_contentWrapper'>                  
					{template="breadcrumb" app="core" group="global" params="true, 'top'"}
					{template="sidebar" if="theme.sidebar_position == 'left'" app="core" group="global" params="'left'"}
					<div id='ipsLayout_mainArea'>
						<a id='elContent'></a>
						{advertisement="ad_global_header"}
						{template="acknowledgeWarning" if="\IPS\Member::loggedIn()->members_bitoptions['unacknowledged_warnings']" params="\IPS\Member::loggedIn()->warnings( 1, FALSE )" group="global" app="core"}
						{template="widgetContainer" group="global" app="core" params="'header', 'horizontal'"}
						{$html|raw}
						{template="widgetContainer" group="global" app="core" params="'footer', 'horizontal'"}
					</div>
					{template="sidebar" if="theme.sidebar_position == 'right'" app="core" group="global" params="'right'"}
					{template="breadcrumb" app="core" group="global" params="false, 'bottom'"}
				</div>
			</div>
			{template="inlineMessage" if="member.msg_show_notification and $conversation = \IPS\core\Messenger\Conversation::latestUnreadConversation()" app="core" group="global" params="$conversation->comments( 1, 0, 'date', 'desc' )"}
		</main>
      <script>
        $("#box2").click(function () {
    $('#container2').hide("slide", {
        direction: "right"
    }, 1000);
});
$("#box3").click(function () {
    $('#container2').show("slide", {
        direction: "right"
    }, 1000);
});
       </script>
      <div class='Twitch'>
  <button class='twitchbuttonout' id='box3'></button>
<div class='container' id='container2'>
<button class='twitchbuttonin' id='box2'></button>
   <center>
    <ul>
        <li><iframe src="http://streambadge.com/twitch/custom/2b2b2b/b9a3e3/fff200/imjoeschmoe/" style="border:none;height:64px;width:225px;border-radius:5px;"></iframe></li>
        <li><iframe src="http://streambadge.com/twitch/custom/2b2b2b/b9a3e3/fff200/Kamis0ri89/" style="border:none;height:64px;width:225px;border-radius:5px;"></iframe></li>
        <li><iframe src="http://streambadge.com/twitch/custom/2b2b2b/b9a3e3/fff200/mintyfire5/" style="border:none;height:64px;width:225px;border-radius:5px;"></iframe></li>
         <li><iframe src="http://streambadge.com/twitch/custom/2b2b2b/b9a3e3/fff200/numberonewizard/" style="border:none;height:64px;width:225px;border-radius:5px;"></iframe></li>
         <li><iframe src="http://streambadge.com/twitch/custom/2b2b2b/b9a3e3/fff200/precioustovah/" style="border:none;height:64px;width:225px;border-radius:5px;"></iframe></li>
         <li><iframe src="http://streambadge.com/twitch/custom/2b2b2b/b9a3e3/fff200/pudgewiggle/" style="border:none;height:64px;width:225px;border-radius:5px;"></iframe></li>
         <li><iframe src="http://streambadge.com/twitch/custom/2b2b2b/b9a3e3/fff200/quiner007/" style="border:none;height:64px;width:225px;border-radius:5px;"></iframe></li>
         <li><iframe src="http://streambadge.com/twitch/custom/2b2b2b/b9a3e3/fff200/reed_phoenix/" style="border:none;height:64px;width:225px;border-radius:5px;"></iframe></li>
         <li><iframe src="http://streambadge.com/twitch/custom/2b2b2b/b9a3e3/fff200/silentechouk/" style="border:none;height:64px;width:225px;border-radius:5px;"></iframe></li>
         <li><iframe src="http://streambadge.com/twitch/custom/2b2b2b/b9a3e3/fff200/synddi/" style="border:none;height:64px;width:225px;border-radius:5px;"></iframe></li>
         <li><iframe src="http://streambadge.com/twitch/custom/2b2b2b/b9a3e3/fff200/tiltedna/" style="border:none;height:64px;width:225px;border-radius:5px;"></iframe></li>
         <li><iframe src="http://streambadge.com/twitch/custom/2b2b2b/b9a3e3/fff200/tweedeebirdee/" style="border:none;height:64px;width:225px;border-radius:5px;"></iframe></li>
         
    </ul>
	</center>
</div>

</div>
		<footer id='ipsLayout_footer' class='ipsClearfix'>          
			<div class='ipsLayout_container'>              
				{advertisement="ad_global_footer"}
				{template="footer" app="core" group="global" params=""}
               <center style=" color: gold;"> Logo by Reboost.</center>
			</div>          	
		</footer>     
        {{if !in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="mobileNavigation" if="theme.responsive" app="core" group="global" params=""}{{endif}}
		{template="includeJS" if="theme.js_include == 'footer'" app="core" group="global" location="global" params=""}
		{{if settings.ipbseo_ga_enabled}}
			{setting="ipseo_ga"}
		{{endif}}
		{template="viglink" if="settings.viglink_enabled" app="core" group="global" params=""}
		{template="metaTagEditor" if="isset( $_SESSION['live_meta_tags'] ) and $_SESSION['live_meta_tags'] and member.isAdmin()" app="core" group="global" params=""}
		<!--ipsQueryLog-->
		<!--ipsCachingLog-->
		{expression="output.endBodyCode" raw="true"}
	</body>
</html>

Is there something wrong or is it #nosleep thing where it's something obvious?

Invision Community 5: Assign topics to moderators

Invision Community 4: Pages databases in Clubs

Invision Community 5: Live Topic Improvements

Invision Community 5: New Live Community Features

Issues with script not working on website.

Recommended Posts

Kamis0ri89

Link to comment

Share on other sites

Archived

Recently Browsing 0 members

Upcoming Events

Trending Content

More