Add ReplyNew Thread

 "My Controls" tab/popup not showing properly
Wolf
 Posted: March 16th, 2017, 07:36 PM
Quote
Newbie
Posts:5Group:New MemberJoined:March 16th, 2017
Send Message


Hello!
I've been working on my forum HERE and was hoping to get some insight with the "controls" popup not showing any of the user control links when clicked. I've looked at the code for a long while and I'm beginning to go cross-eyed. If this can be helped, please let me know what I can do. I do have a test account with admin abilities that I would be happy to share with someone who would like to take a look/try to fix this issue.

Thanks!!

This post has been edited by Wolf: March 16th, 2017, 07:36 PM
Pierrot
 Posted: March 21st, 2017, 06:08 PM
Quote
you are not your skin.
Posts:499Group:StaffJoined:August 28th, 2013
Send Message


Hey there @Wolf! Can you post your code for the pop ups? Thanks
Email
Wolf
 Posted: March 21st, 2017, 06:35 PM
Quote
Newbie
Posts:5Group:New MemberJoined:March 16th, 2017
Send Message


Sure thing! This is pretty much all that's in my board wrappers. Thanks for taking a look!

<!DOCTYPE html>
<html>
<head>
<title><% TITLE %></title>
<% CSS %>
<% JAVASCRIPT %>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'>
<script>
// jQuery Modal Popups by Black
// HTTP://CODE.JFBS.NET/?SHOWTOPIC=57
$(document).ready(function() {
var fadeBackground = $(document.createElement("div")).hide().attr("id", "fade-background"),
modalWindow = $(document.createElement("div")).hide().attr("id", "modal-window");
$(document.body).append(fadeBackground, modalWindow);
$(document).on("click", ".modal-link", function(e) {
$("#fade-background").css({ "opacity": "0.3" }).fadeIn("fast");
var newContents = $("#" + $(this).data("modal-target")).html();
$("#modal-window").html(newContents);
$("#modal-window").fadeIn("fast");
e.preventDefault();
});
$(document).on("click", "#fade-background", function() {
$("#fade-background").fadeOut("fast");
$("#modal-window").fadeOut("fast");
});
$(document).keypress(function(e) {
if(e.keyCode == 27) {
$("#fade-background").fadeOut("fast");
$("#modal-window").fadeOut("fast");
}
});
});
</script>

<script type="text/javascript">
$(function(){ // document ready
if (!!$('#navstrip').offset()) { // make sure ".sticky" element exists
var stickyTop = $('#navstrip').offset().top; // returns number
$(window).scroll(function(){ // scroll event
var windowTop = $(window).scrollTop(); // returns number
if (stickyTop < windowTop){
$('#navstrip').css({ position: 'fixed', top: 0 });
}
else {
$('#navstrip').css('position','static');
}
});
}
});
</script>
<script type="text/javascript">
//<![CDATA[
/*
* Individually customizable Maintitle Classes
* v0.1.121 Created by Laiam.
*/
$(document).ready(function(){
$('.maintitle').each(function(a){
$(this).addClass('mt_'+a);
});
});
//]]>
</script>

<script src="http://elegantexpressions.us/black/cfs.min.js"></script>
</head>
<body>
<div id="wrapper">
<div id="merclinksbar">

<a href="#" class="modal-link" data-modal-target="my-controls">controls</a>
<a href="#" class="modal-link" data-modal-target="m-navi">navigation</a>
<a href="#" class="modal-link" data-modal-target="m-plot">plot</a>
<a href="#" class="modal-link" data-modal-target="m-staff">staff</a>
<a href="#" class="modal-link" data-modal-target="m-stats">statistics</a>
<a href="#" class="modal-link" data-modal-target="m-cred">credits</a>
</div>
<div id="header"></div>
<div id="navi">
<% NAVIGATION %>
</div>
<% BOARD HEADER %>
<div id="innerwrapper">
<div id="board"><% BOARD %></div>
<script>
customIndex.init({
page: "<!-- |input_act| -->",
html: "<div class='index_container'><table><tr><td><div class='index_marker'>{%marker}</div></td><td><div class='index_left'><div class='index_forum'>{%link}</div></div></td><td><div class='index_right'><div class='index_desc'>{%description}</div></div></td><td><div class='index_traps'><div class='index_trapsContent'>{%topics} topics</div><div class='index_trapsContent' style='margin-top:2px'>{%replies} replies</div></div></td><td><div class='index_last'>{%lp-title}<br />by: {%lp-author}</div></td></tr></table></div>"
});
customStats.init({
html: "<div class='stats_above'><div class='stats_text'>board statistics</div><div class='stats_line'></div></div><div class='stats_container'><table><tr><td><div class='stats_left'><div class='stats_info'>{%users} online / {%users#guests} guests / {%users#anonymous} anon</div><div class='stats_info'>{%stats#posts} total posts</div><div class='stats_info'>{%stats#members} total members</div><div class='stats_info'>{%online-today#total} users online today</div></div></td><td><div class='stats_online'>{%users#list}</div></td><td><div class='stats_box'>{%stats#newest}</div><div class='stats_merc'>NEWEST MEMBER</div></td></tr></table></div>"
});
customProfile.init({
html: "<div class='prof_container'><table cellspacing='3'><tr><td><div class='prof_av'>{%avatar}</div></td><td><div class='prof_name'>{%name}</div><div class='prof_title'>{%title}</div></td><td><div class='prof_infoTitle'><span>user information</span></div><div class='prof_fieldCont'><div class='prof_fieldInfo'><span>status</span></div><div class='prof_spacing'></div><div class='prof_fieldOther'>{%status}</div><p /><div class='prof_fieldInfo'><span>last activity</span></div><div class='prof_spacing'></div><div class='prof_fieldOther'>{%activity}</div><p /><div class='prof_fieldInfo'><span>last active</span></div><div class='prof_spacing'></div><div class='prof_fieldOther'>{%last-active}</div><p /><div class='prof_fieldInfo'><span>user group</span></div><div class='prof_spacing'></div><div class='prof_fieldOther'>{%group}</div><p /><div class='prof_fieldInfo'><span>date joined</span></div><div class='prof_spacing'></div><div class='prof_fieldOther'>{%joined}</div><div class='prof_fieldOther' style='border-top:1px solid #000; margin-top:27px; background-color:#000; color:#fff; width:350px; text-align:center;'><a href='http://obscurus.jcink.net/index.php?act=Msg&CODE=04&MID={%id}'>send a pm</a></div></div></td></tr></table></div>"
});
</script>
<div id="skin_selector">
<% SKIN_SELECTOR %>
</div>
<% COPYRIGHT %>
<script>$('#logo a img[src="style_images/1/spacer.gif"]').replaceWith('<!-- |board_name| -->');</script>
</div>
</div>
<div id="credit">skinned by merc @ <a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=37282">caution</a> & cfs / popups by <a href="http://code.jfbs.net/index.php?showuser=1">black</a></div>
<div id="my-controls" class="modal-content">
<div class="m-<!-- |g_id| -->" align='center'>
<br /><br /><br />
<div class="popup-account"><div align='center'><a href='index.php?showuser=<!-- |id| -->' style='font-size:30px;'><!-- |name| --></a></div>
<br />

<div id='member_links' style='text-align: center;'>

<a href='index.php?act=UserCP'>Account Settings</a><br />
<a href="javascript:window.open('index.php?showuser=<!-- |id| -->&CODE=friends','Friends','width=620,height=460,resizable=yes,scrollbars=yes');void(0);">My Friends</a> //
<a href="index.php?act=Search&CODE=getnew">New Posts</a><br />
<a href='index.php?act=Msg&CODE=01'>Messages (<span id='new_messages'><!-- |new_msg| --></span>)</a> // <a href="index.php?act=Login&CODE=03&key=<!-- |auth_key| -->">Log Out</a><br /><a href="admin.php" target="_blank" class="acp-<!-- |g_access_cp| -->">Admin CP</a> // <a href="index.php?act=modcp" class="mcp-<!-- |g_is_supmod| -->">Mod CP</a><br /><br /><br />
</div>
</div>
</div>
<div class="g-<!-- |g_id| -->" style="display: none;" align='center'>

<center><br /><br />
</div>
<div class="popup-ctrls" style="background-color:rgba(255,255,255,0.0); font-size:30px;"><a href='http://cas.b1.jcink.com/index.php?act=Reg&CODE=00' style='font-size:30px;'>REGISTER</a> /
<a href='/index.php?act=Login&CODE=00' style='font-size:30px;'>LOGIN</a><br><div style="padding-top:20px;"></div>



</div>
<div id="m-navi" class="modal-content">
<div class="popup-text"><div class="james"><a href="http://cas.jcink.net/index.php?showtopic=7">Rules</a> <a href="http://cas.jcink.net/index.php?showtopic=6">Plot</a> <a href="http://cas.jcink.net/index.php?showforum=8">Updates</a> <a href="http://cas.jcink.net/index.php?showtopic=8">Werewolf Info</a> <a href="http://cas.jcink.net/index.php?showtopic=12">Application</a> <a href="http://cas.jcink.net/index.php?showforum=6">Claims</a> <a href="http://cas.jcink.net/index.php?showforum=7">Wanted</a> <a href="http://cas.jcink.net/index.php?showtopic=11">Who's Who</a> <a href="http://cas.jcink.net/index.php?showtopic=9">F.A.Q.</a> <a href="http://cas.jcink.net/index.php?act=Members">Member List</a> <a href="http://cas.jcink.net/index.php?act=Online&CODE=listall&sort_key=click">Last Click</a> <a href="http://cas.jcink.net/index.php?act=Search">Advertising</a> <a href="http://cas.jcink.net/index.php?act=Search">Search</a></div></div>


</div>
<div id="m-plot" class="modal-content">
<div class="popup-text"><b>Late Summer 2015</b> <br>Cinder & Smoke is set in the fictional city of Essex, located in Northern California with a population of just over thirty thousand people. Nestled between the ocean and the Redwood National Forest, beauty here is bountiful. Unbeknownst to most of the human inhabitants of the city, however, there are monsters that lurk behind the tall trees. Essex is home one of the oldest werewolf packs in the pacific northwest as well as a decent amount of rogue wolves. Just as you will with humans, there are the good ones and the bad ones, and with hunters catching wind of some suspicious 'animal attacks' things are only getting more tense as the days go by.
</div>

</div>
<div id="m-staff" class="modal-content">
<div class="popup-text"> <center><a href="http://cas.jcink.net/index.php?showuser=1">
<img src="http://i.imgur.com/yfx5nGC.gif" alt="admin">
</a> </div></center>

</div>
<div id="m-stats" class="modal-content">
<div class="popup-text">

<table style="width:250px; margin: 5px auto; font-family:roboto condensed; text-transform:uppercase; background-color:#fff; letter-spacing:2px;" border="0">

<tr style="font-weight:bold; background:#eeeeee;">
<th style="text-align:left; padding-left:5px;">STATISTICS</th>
<td style="color:#000; text-align:center;">M</td>
<td style="color:#000; text-align:center;">F</td>
</tr>

<tr style="font-size:8px;">
<th style="color:#A39777; text-align:left;padding-left:5px;">Epsilon pack</th>
<td style="text-align:center; color:#555; font-size:8px;">1</td>
<td style="text-align:center; color:#555;font-size:8px;">0</td>
</tr>

<tr style="font-size:8px;">
<th style="color:#77A3A2; text-align:left;padding-left:5px;">Rogues</th>
<td style="text-align:center; color:#555;font-size:8px;">1</td>
<td style="text-align:center; color:#555;font-size:8px;">0</td>
</tr>

<tr style="font-size:8px;">
<th style="color:#A3777D; text-align:left;padding-left:5px;">Hunters</th>
<td style="text-align:center; color:#555;font-size:8px;">0</td>
<td style="text-align:center; color:#555;font-size:8px;">0</td>
</tr>

<tr style="font-size:8px;">
<th style="color:#9377A3; text-align:left;padding-left:5px;">Civilians</th>
<td style="text-align:center; color:#555;font-size:8px;">0</td>
<td style="text-align:center; color:#555;font-size:8px;">0</td>
</tr>

<tr style="font-weight:bold; background:#eeeeee;">
<th style="text-align:left; padding-left:5px;">TOTALS</th>
<td style="color:#000; text-align:center;font-size:8px;">2</td>
<td style="color:#000; text-align:center;font-size:8px;">0</td>
</tr>

</table>


</div>

</div>
<div id="m-cred" class="modal-content">
<div class="popup-text"> We'd like to thank <a href="http://obscurus.jcink.net/index.php?showtopic=1">Merc</a> and <a href="http://code.jfbs.net/index.php?showuser=1">Black</a> for the wonderful skin and popups that really made this site come alive as well as <a href="http://support.proboards.com/user/134992">SubDevo</a> for the sidebar. Another great big thanks goes to <a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=8724">Darren Criss</a> at ATF for the mini profile code. Thank you!! </div>

</div>
Pierrot
 Posted: March 22nd, 2017, 11:52 AM
Quote
you are not your skin.
Posts:499Group:StaffJoined:August 28th, 2013
Send Message


Well, for starters, you don't have a pop-up named my-controls. Did you forget to put this into your wrappers?
Email
Wolf
 Posted: March 22nd, 2017, 05:42 PM
Quote
Newbie
Posts:5Group:New MemberJoined:March 16th, 2017
Send Message


I honestly thought this portion was it... I'm not exactly sure what I need to add to fix it though. I've looked at the code from Merc's site where I got the skin and can't figure out what I'm missing/is different.


QUOTE
<div id="my-controls" class="modal-content">
<div class="m-<!-- |g_id| -->" align='center'>
  <br /><br /><br />
  <div class="popup-account"><div align='center'><a href='index.php?showuser=<!-- |id| -->' style='font-size:30px;'><!-- |name| --></a></div>
<br />

<div id='member_links' style='text-align: center;'>

  <a href='index.php?act=UserCP'>Account Settings</a><br />
  <a href="javascript:window.open('index.php?showuser=<!-- |id| -->&CODE=friends','Friends','width=620,height=460,resizable=yes,scrollbars=yes');void(0);">My Friends</a> //
  <a href="index.php?act=Search&CODE=getnew">New Posts</a><br />
  <a href='index.php?act=Msg&CODE=01'>Messages (<span id='new_messages'><!-- |new_msg| --></span>)</a> // <a href="index.php?act=Login&CODE=03&key=<!-- |auth_key| -->">Log Out</a><br /><a href="admin.php" target="_blank" class="acp-<!-- |g_access_cp| -->">Admin CP</a> // <a href="index.php?act=modcp" class="mcp-<!-- |g_is_supmod| -->">Mod CP</a><br /><br /><br />
</div>
</div>
</div>
<div class="g-<!-- |g_id| -->" style="display: none;" align='center'>

<center><br /><br />
</div>
<div class="popup-ctrls" style="background-color:rgba(255,255,255,0.0); font-size:30px;"><a href='http://cas.b1.jcink.com/index.php?act=Reg&CODE=00' style='font-size:30px;'>REGISTER</a> /
<a href='/index.php?act=Login&CODE=00' style='font-size:30px;'>LOGIN</a><br><div style="padding-top:20px;"></div>
Pierrot
 Posted: March 29th, 2017, 09:32 AM
Quote
you are not your skin.
Posts:499Group:StaffJoined:August 28th, 2013
Send Message


QUOTE (Wolf @ March 23rd, 2017, 12:42 AM)
I honestly thought this portion was it... I'm not exactly sure what I need to add to fix it though. I've looked at the code from Merc's site where I got the skin and can't figure out what I'm missing/is different.


QUOTE
<div id="my-controls" class="modal-content">
<div class="m-<!-- |g_id| -->" align='center'>
  <br /><br /><br />
  <div class="popup-account"><div align='center'><a href='index.php?showuser=<!-- |id| -->' style='font-size:30px;'><!-- |name| --></a></div>
<br />

<div id='member_links' style='text-align: center;'>

  <a href='index.php?act=UserCP'>Account Settings</a><br />
  <a href="javascript:window.open('index.php?showuser=<!-- |id| -->&CODE=friends','Friends','width=620,height=460,resizable=yes,scrollbars=yes');void(0);">My Friends</a> //
  <a href="index.php?act=Search&CODE=getnew">New Posts</a><br />
  <a href='index.php?act=Msg&CODE=01'>Messages (<span id='new_messages'><!-- |new_msg| --></span>)</a> // <a href="index.php?act=Login&CODE=03&key=<!-- |auth_key| -->">Log Out</a><br /><a href="admin.php" target="_blank" class="acp-<!-- |g_access_cp| -->">Admin CP</a> // <a href="index.php?act=modcp" class="mcp-<!-- |g_is_supmod| -->">Mod CP</a><br /><br /><br />
</div>
</div>
</div>
<div class="g-<!-- |g_id| -->" style="display: none;" align='center'>

<center><br /><br />
</div>
<div class="popup-ctrls" style="background-color:rgba(255,255,255,0.0); font-size:30px;"><a href='http://cas.b1.jcink.com/index.php?act=Reg&CODE=00' style='font-size:30px;'>REGISTER</a> /
<a href='/index.php?act=Login&CODE=00' style='font-size:30px;'>LOGIN</a><br><div style="padding-top:20px;"></div>



Just put this in.
I think it was missing.

Also change the urls for your site.
Email
Wolf
 Posted: April 7th, 2017, 09:19 AM
Quote
Newbie
Posts:5Group:New MemberJoined:March 16th, 2017
Send Message


I did have that in there before. I just updated all the urls, and now have this, but still the same issue with nothing happening when the tab is clicked.
CODE

<div id="my-controls" class="modal-content">
<div class="m-<!-- |g_id| -->" align='center'>
 <br /><br /><br />
 <div class="popup-account"><div align='center'><a href='http://cas.jcink.com/index.php?showuser=<!-- |id| -->' style='font-size:30px;'><!-- |name| --></a></div>
<br />

<div id='member_links' style='text-align: center;'>

 <a href='index.php?act=UserCP'>Account Settings</a><br />
 <a href="javascript:window.open('index.php?showuser=<!-- |id| -->&CODE=friends','Friends','width=620,height=460,resizable=yes,scrollbars=yes');void(0);">My Friends</a> //
 <a href="index.php?act=Search&CODE=getnew">New Posts</a><br />
 <a href='index.php?act=Msg&CODE=01'>Messages (<span id='new_messages'><!-- |new_msg| --></span>)</a> // <a href="http://cas.jcink.com/index.php?act=Login&CODE=03&key=<!-- |auth_key| -->">Log Out</a><br /><a href="admin.php" target="_blank" class="acp-<!-- |g_access_cp| -->">Admin CP</a> // <a href="http://cas.jcink.com/index.php?act=modcp" class="mcp-<!-- |g_is_supmod| -->">Mod CP</a><br /><br /><br />
</div>
</div>
</div>
<div class="g-<!-- |g_id| -->" style="display: none;" align='center'>

<center><br /><br />
</div>
<div class="popup-ctrls" style="background-color:rgba(255,255,255,0.0); font-size:30px;"><a href='http://cas.jcink.com/index.php?act=Reg&CODE=00' style='font-size:30px;'>REGISTER</a> /
<a href='http://cas.jcink.com/index.php?act=Login&CODE=00' style='font-size:30px;'>LOGIN</a><br><div style="padding-top:20px;"></div>


This post has been edited by Pierrot: April 9th, 2017, 12:39 PM
Pierrot
 Posted: April 9th, 2017, 12:41 PM
Quote
you are not your skin.
Posts:499Group:StaffJoined:August 28th, 2013
Send Message


Where is its position? It appears above the stat code for me when I view your page. Make sure its at the end?
Email
Wolf
 Posted: April 10th, 2017, 08:18 PM
Quote
Newbie
Posts:5Group:New MemberJoined:March 16th, 2017
Send Message


Just put it at the end, under the credits table... still not doing anything differently. I'm just baffled. I really appreciate your suggestions though! Willing to try anything. Should I try to contact Black about this?

Topic Options Add ReplyNew Thread


 


 

   Chatbox
's reputation