johnsamir
Advanced OT User
Hello I Use ZnoteAAC 1.5
I would like that when i hover the mouse in the boxes that contains the info the boxes get highlighted by a specfic color for example orange
I have an example in the file buypoints.php
with this function
and this code
Tried to reproduce it in high scores, but the boxes get never highlighted, i highlight the background page or screw up everything. Can somebody lend me a hand with this? here is my script might be tables are not properly made or similar and that might be interfering.
here a photo of how it looks so you can have an idea
I would like that when i hover the mouse in the boxes that contains the info the boxes get highlighted by a specfic color for example orange
Outfit | Rank | Name | Vocation | Level | Points |
| 1 | Master Sorcerer | 113 | 22871213 | |
1 | Master Sorcerer | 113 | 22871213 | ||
2 | Royal Paladin | 106 | 18970080 | ||
2 | Royal Paladin | 106 | 18970080 | ||
3 | Paladin | 98 | 14881250 | ||
3 | Paladin | 98 | 14881250 | ||
4 | Sorcerer | 76 | 700 |
with this function
Code:
<div class="TableContainer highlight" style="margin-top: 1cm;margin-bottom: 1cm; ">
Code:
<style>
/* CSS for highlighting effect */
.highlight:hover {
background-color: #f2f2f2; /* Light grey background color when hovered */
cursor: pointer; /* Change cursor to pointer on hover */
}
</style>
Tried to reproduce it in high scores, but the boxes get never highlighted, i highlight the background page or screw up everything. Can somebody lend me a hand with this? here is my script might be tables are not properly made or similar and that might be interfering.
Lua:
<!-- <div class="TableContainer"> -->
<div class="TableContainer ">
<div class="CaptionContainer">
<div class="CaptionInnerContainer">
<span class="CaptionEdgeLeftTop" style="background-image:url(layout/tibia_img/box-frame-edge.gif);"></span>
<span class="CaptionEdgeRightTop" style="background-image:url(layout/tibia_img/box-frame-edge.gif);"></span>
<span class="CaptionBorderTop" style="background-image:url(layout/tibia_img/table-headline-border.gif);"></span>
<span class="CaptionVerticalLeft" style="background-image:url(layout/tibia_img/box-frame-vertical.gif);"></span>
<div class="Text">Ranking for <?php echo skillName($type) .", ". (($vocation === 'all') ? 'any vocation' : vocation_id_to_name($vocation)) ?>.</div>
<span class="CaptionVerticalRight" style="background-image:url(layout/tibia_img/box-frame-vertical.gif);"></span>
<span class="CaptionBorderBottom" style="background-image:url(layout/tibia_img/table-headline-border.gif);"></span>
<span class="CaptionEdgeLeftBottom" style="background-image:url(layout/tibia_img/box-frame-edge.gif);"></span>
<span class="CaptionEdgeRightBottom" style="background-image:url(layout/tibia_img/box-frame-edge.gif);"></span>
</div>
</div>
<form action="" method="GET">
<table class="Table3" cellspacing="1">
<tr>
<td>
<div class="InnerTableContainer">
<table style="width:100%;">
<tr>
<td>
<div class="TableShadowContainerRightTop">
<div class="TableShadowRightTop" style="background-image:url(layout/tibia_img/table-shadow-rt.gif);"></div>
</div>
<div class="TableContentAndRightShadow" style="background-image:url(layout/tibia_img/table-shadow-rm.gif);">
<div class="TableContentContainer">
<table class="TableContent" width="100%" style="border:1px solid #faf0d7;">
<tr>
<td>
<select name="type">
<option value="7" <?php if ($type == 7) echo "selected"; ?>>Experience</option>
<option value="8" <?php if ($type == 8) echo "selected"; ?>>Magic</option>
<option value="5" <?php if ($type == 5) echo "selected"; ?>>Shield</option>
<option value="2" <?php if ($type == 2) echo "selected"; ?>>Sword</option>
<option value="1" <?php if ($type == 1) echo "selected"; ?>>Club</option>
<option value="3" <?php if ($type == 3) echo "selected"; ?>>Axe</option>
<option value="4" <?php if ($type == 4) echo "selected"; ?>>Distance</option>
<option value="6" <?php if ($type == 6) echo "selected"; ?>>Fish</option>
<option value="9" <?php if ($type == 9) echo "selected"; ?>>Fist</option>
</select>
</td>
<td>
<select name="vocation">
<option value="all" <?php if (!is_int($vocation)) echo "selected"; ?>>Any vocation</option>
<?php
foreach ($configVocations as $v_id => $v_data) {
if ($v_data['fromVoc'] === false) {
$selected = (is_int($vocation) && $vocation == $v_id) ? " selected $vocation = $v_id" : "";
echo '<option value="'. $v_id .'"'. $selected .'>'. $v_data['name'] .'</option>';
}
}
?>
</select>
</td>
<td>
<select name="page">
<?php
$pages = ($vocGroup[$type] !== false) ? ceil(min(($highscore['rows'] / $highscore['rowsPerPage']), (count($vocGroup[$type]) / $highscore['rowsPerPage']))) : 1;
for ($i = 0; $i < $pages; $i++) {
$x = $i + 1;
if ($x == $page) echo "<option value='".$x."' selected>Page: ".$x."</option>";
else echo "<option value='".$x."'>Page: ".$x."</option>";
}
?>
</select>
</td>
<td>
<!-- <input type="submit" value=" View " class="btn btn-info"> -->
<input type="Submit" value="View" class="BigButton btn" style="background: url(layout/tibia_img/sbutton.gif); width:135px;height:25px;border: 0 none;" border="0">
</td>
</tr>
</table>
</div>
</div>
<div class="TableShadowContainer">
<div class="TableBottomShadow" style="background-image:url(layout/tibia_img/table-shadow-bm.gif);">
<div class="TableBottomLeftShadow" style="background-image:url(layout/tibia_img/table-shadow-bl.gif);"></div>
<div class="TableBottomRightShadow" style="background-image:url(layout/tibia_img/table-shadow-br.gif);"></div>
</div>
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</form>
here a photo of how it looks so you can have an idea