RevCMS hot rooms

[Mozilla2]

Hello, community.

Today i release something small. I gonna release `hot rooms / popular rooms".
It shows the top 5 rooms with the most users in it.

First of all, add this to your page ( i recommend the community page):

Spoiler:

<link rel="stylesheet" href="{url}/app/tpl/skins/Habbo/styles/rooms.css" type="text/css">
 
<script type="text/javascript" src="{url}/app/tpl/skins/Habbo/js/rooms.js"></script> 

Remember, replace "skins/Habbo" with your skin folder, like "skins/yourskin"

Then, add the following code on the page you want it , i recommend the community page.

Spoiler:

                                <?php

$eo = 'even';
 
function GenerateRoomOccupancy($usersNow, $usersMax)
{
    $num = 1;
    $percentage = intval(($usersNow / $usersMax) * 100);
 
    if ($percentage <= 0)
    {
        $num = 1;
    }
    else if ($percentage < 35)
    {
        $num = 2;
    }
    else if ($percentage < 75)
    {
        $num = 3;
    }
    else if ($percentage < 100)
    {
        $num = 4;
    }
    else if ($percentage >= 100)
    {
        $num = 5;
    }
 
    return 'room-occupancy-' . $num;
}
 
?>
<div class="habblet-container "> 
<div class="cbb clearfix red ">
 
<h2 class="title">Populaire kamers</h2>
 
<style type="text/css">
.room-occupancy-1 { background-image: url('{url}/app/tpl/skins/Habbo/images/rooms/room_icon_1.gif') !important; }
.room-occupancy-2 { background-image: url('{url}/app/tpl/skins/Habbo/images/rooms/room_icon_2.gif') !important; }
.room-occupancy-3 { background-image: url('{url}/app/tpl/skins/Habbo/images/rooms/room_icon_3.gif') !important; }
.room-occupancy-4 { background-image: url('{url}/app/tpl/skins/Habbo/images/rooms/room_icon_4.gif') !important; }
.room-occupancy-5 { background-image: url('{url}/app/tpl/skins/Habbo/images/rooms/room_icon_5.gif') !important; }
</style>
 
<div id="rooms-habblet-list-container-h124" class="recommendedrooms-lite-habblet-list-container">
<ul class="habblet-list">
 
<?php
 
$get = mysql_query("SELECT * FROM rooms WHERE roomtype = 'private' ORDER BY users_now DESC LIMIT 5")or die(mysql_error());
 
while ($room = mysql_fetch_assoc($get))
{
    if ($eo == 'even')
    {
        $eo = 'odd';
    }
    else
    {
        $eo = 'even';
    }
 
    echo '<li class="' . $eo . '">
    <span class="clearfix enter-room-link ' . GenerateRoomOccupancy($room['users_now'], $room['users_max']) . '" title="Go There" roomid="' . $room['id'] . '">
    <span class="room-enter">Naar kamer</span>
    <span class="room-name">' . htmlspecialchars ($room['caption']) . '</span>
    <span class="room-description">' . htmlspecialchars ($room['description']) . '</span>       
    <span class="room-owner">Owner: <a href="/home/' . ($room['owner']) . '">' . ($room['owner']) . '</a></span>
    </span>
    </li>';
}
 
?>
 
<div id="room-more-data-h124" style="display: none">
<ul class="habblet-list room-more-data">
 
<?php
 
$get = mysql_query("SELECT * FROM rooms WHERE roomtype = 'private' ORDER BY users_now DESC LIMIT 6,10")or die(mysql_error());
 
while ($room = mysql_fetch_assoc($get))
{
    if ($eo == 'even')
    {
        $eo = 'odd';
    }
    else
    {
        $eo = 'even';
    }
 
    echo '<li class="' . $eo . '">
    <span class="clearfix enter-room-link ' . GenerateRoomOccupancy($room['users_now'], $room['users_max']) . '" title="Go There" roomid="' . $room['id'] . '">
    <span class="room-enter">Naar kamer</span> <br>
    <span class="room-name">' . htmlspecialchars ($room['caption']) . '</span> <br>
    <span class="room-description">' . htmlspecialchars ($room['description']) . '</span>       
    <span class="room-owner">Owner: <a href="/home/' . ($room['owner']) . '">' . ($room['owner']) . '</a></span>
    </span>
    </li>';
}
 
?>
 
</ul>
</div>
 
<div class="clearfix">
<a href="#" class="room-toggle-more-data" id="room-toggle-more-data-h124">Meer kamers!</a>
</div>
 
</div>
 
<script type="text/javascript">
L10N.put("show.more", "Show more rooms");
L10N.put("show.less", "Show less rooms");
var roomListHabblet_h124 = new RoomListHabblet("rooms-habblet-list-container-h124", "room-toggle-more-data-h124", "room-more-data-h124");
</script>
 
</div>
</div>
<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder.init(); }</script>
 
   
<br /><br>

Remember, replace "skins/Habbo" with your skin folder, like "skins/yourskin"
The only thing you need to do is add the css and js in your style and js folder.

Download link of the css and js : https://www.mediafire.com/?tki8xg7417i1p67

Screenshot of the result : http://gyazo.com/f3b0bb3deac31b08cbd44fe5c231e755
Sorry if you don't understand the tutorial on how to set this up, i have some trouble with my English grammar.

Anyways, have a nice day further,

Mozilla.

[MentaL]

[R4G3H]

Wow thank you so much I was in need of this for my RP, and this will work! Thank you!

+1 like and rep!

[Mozilla2]

Wow thank you so much I was in need of this for my RP, and this will work! Thank you!

+1 like and rep!

Thanks :)! Here is a screenshot of the result : http://gyazo.com/f3b0bb3deac31b08cbd44fe5c231e755

[JackHoll]

Just by looking at the code I can tell it's vulnerable to XSS exploits.

This is what I use:

http://pastebin.com/raw.php?i=EiFS81AW

[Mozilla2]

Just by looking at the code I can tell it's vulnerable to XSS exploits.

This is what I use:

http://pastebin.com/raw.php?i=EiFS81AW

Where do you see a XSS vulnerable?

Nevermind, i found it.

[Emily]

I don't like the code behind the idea but the idea is cool. This reminds me of the old days with HoloCMS which had the same. Sadly, the code is pretty shit, just like RevCMS.. :-(

[Joe Richardson]

Does the button bring extra rooms down?

[Mozilla2]

I don't like the code behind the idea but the idea is cool. This reminds me of the old days with HoloCMS which had the same. Sadly, the code is pretty shit, just like RevCMS.. :-(

Yeah, i converted it from holocms. Thanks for your feedback.

- - - Updated - - -

I updated the code, it should be exploit free now

[JackHoll]

Where do you see a XSS vulnerable?

Nevermind, i found it.

If you was to add <script>alert('Hello!')</script> in the room title as long as the room was shown it an alert would popup saying Hello!

[Mozilla2]

If you was to add <script>alert('Hello!')</script> in the room title as long as the room was shown it an alert would popup saying Hello!

I know, i already updated the code in my post :P. Anyways, thanks for helping buddy!

[JackHoll]

I know, i already updated the code in my post :P. Anyways, thanks for helping buddy!

It's all good

[The General]

You can use modulus (%) to switch between two values. $i = $i %2; $i++ (Would switch between 1 and 0). Just some small tip

Besides that, you have twice identical code (except the LIMIT in the query). Programmers don't like double code. Try come up with some algorithm so any double code gets eliminated. ^_^

Good job so far on creating those small widgets for RevCMS

[FlyHotel]

You can use modulus (%) to switch between two values. $i = $i %2; $i++ (Would switch between 1 and 0). Just some small tip

Besides that, you have twice identical code (except the LIMIT in the query). Programmers don't like double code. Try come up with some algorithm so any double code gets eliminated. ^_^

Good job so far on creating those small widgets for RevCMS

You smartboy :$ But, is this code safe?

[Mozilla2]

You can use modulus (%) to switch between two values. $i = $i %2; $i++ (Would switch between 1 and 0). Just some small tip

Besides that, you have twice identical code (except the LIMIT in the query). Programmers don't like double code. Try come up with some algorithm so any double code gets eliminated. ^_^

Good job so far on creating those small widgets for RevCMS

Hey,

Thanks for the tips, it's verry useful to me :)!

- - - Updated - - -

You smartboy :$ But, is this code safe?

Yes, it is.

[The General]

You smartboy :$ But, is this code safe?

Yes it is. If it wasn't I would've mentioned it ^.^

- - - Updated - - -

Hey,

Thanks for the tips, it's verry useful to me :)!

No problem mate