JavaScript - Help With Jquery Poll/voting System

Hi all,

I need poll system only in javascript and xml/text file.

example: What is your age ?
option: 10
option: 20
option: 30
option: 40

Button Vote and Result
show result in same div in Bar

Please help its urgent.

Voting button on the poll in the left column works fine if you take the sharethis javascripts out. Why won't they work together though?

<script type="text/javascript" src="http://www.claimsheaven.co.uk/polls/admin/script.js"></script>
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript" src="http://s.sharethis.com/loader.js"></script>

e.g. on this page:

http://www.claimsheaven.co.uk/news/20120305.php

hi there

i need your help. i would like to build a small poll.

client should receive the data from server (a JSON file). client will load the data. It'll send the selection to the server, after the user has acted.

The poll should look like this.
****
are you a linux user? Yes No
****

Yes and No with radio buttons.

So the end result should look like this..If i open a website, the page will be dynamically created and it'll load the data ("are you a linux user?") from the server. The selection will be sent to the server where this saves the selection.

Hope someone could help me out with this?

Hi everybody.

I need some help too build a poll with 2 answer option people can select and 5 rating stars .


something like this

1. Yes you're bad (344567)| 2.No you're good (5676)| Here 5 stars they can rate.

the numbers stand for how much people clicked on that option
But it is a blog with wordpress system .
But every story need there own poll.
And i m not a expert in xml or what other system i need to build this .
Can somebody help me.

Thank you.
Sorry for my poor english

So, i have this code which retrieves php files for me using jquery and id love to get it working with Jquery history plugin. I tried modifying the code i got from the ajax demo to work for me, but i just couldnt do it as i do not know any javascript really.. ( actually what i tried was simply to change "#ajax-links a" to "#menu li a" and .html to .php ..but nothing.. :rolleyes:


Id be very gratefull if someone would help me out with this one.

All related code can be found bellow (the ones that should be needed anyways):

This is the code that retrieves php files inside "#content" when item from "#menu li a" with the specified id is clicked
Code:

$(document).ready(function(){
	//References
	var change = $("#menu li a");
	var loading = $("#loading");
	var content = $("#content");
	
	//Manage click events
	change.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
		if(this.id == "home")
		{
			change.load(this.className='current-page');
			content.slideUp();
			content.load("pages/index.php", hideLoading);
			content.slideDown();
		}
		else if(this.id == "secondpage")
		{
			change.load(this.className='current-page');
			content.slideUp();
			content.load("pages/secondpage.php", hideLoading);
			content.slideDown();
		}
		else
		{
			//hide loading bar if there is no selected section
			hideLoading();
		}
	});

	//show loading bar
	function showLoading(){
		loading
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
	}

	//hide loading bar
	function hideLoading(){
		loading.fadeTo(1000, 0);
	};
});

Heres the structure of the menu/content
Code:

<ul id="menu">
<li><a id="home" class="normal" href="#Home"></a></li>
<li><a id="secondpage" class="normal"  href="#Secondpage"></a></li>		
</ul>

<div id="content">
<ul id="sec-menu">
<li><a id="link1" class="normal" href="#">Link1</a></li>
<li><a id="link2" class="normal"  href="#">Link2</a></li>		
</ul>
</div>

Heres the code that jquery history plugin uses in demo for ajax
Code:

jQuery(document).ready(function($) {
        function load(num) {
            $('#content').load(num +".html");
        }

        $.history.init(function(url) {
                load(url == "" ? "1" : url);
            });

        $('#ajax-links a').live('click', function(e) {
                var url = $(this).attr('href');
                url = url.replace(/^.*#/, '');
                $.history.load(url);
                return false;
            });
    });

hi, i have a jquery problem...

this script is not working with jquery-1.4.2.min, but it works with jquery-1.2.6.min.js, can anyone help me???the script is the above:
(it is not working the tab actions, the slideout works...)
http://www.benjaminsterling.com/wp-c...es/sidetab.htm

the javascript code is the above:
PHP Code:
var jqsideTabs;
var tabs, h = 50, r = 0,ra = 0;
$(document)
.ready(function(){
    jqsideTabs = $('#sideTabs').addClass('closed');
    
    tabs = jqsideTabs
    .find('.tab h3')
    .clone()
    .appendTo(jqsideTabs)
    .each(function(i){
        var that = $(this), cls = '',ow,newThis, newEl;
        
        if( i == 0 ) cls = ' active';
        newEl = $('<a href="#" class="tabLinks'+cls+'">' + that.text() + '</a>');
        that.replaceWith(newEl);
        
        ow = newEl.outerWidth();
        
        if( i == 0 ) ra = ow;
        else r = ow;
        
        h = newEl.css({'top':h , 'right': -ow }).height() + h;
        
        newThis = newEl.get(0);
        newThis.jq = newEl;
        newThis.i = i;
        
        newEl.click(function(){
            var el = this.jq;
            
            if( jqsideTabs.hasClass( 'closed' ) ){
                jqsideTabs.removeClass('closed');
            }
            else if( !jqsideTabs.hasClass( 'closed' ) && el.hasClass('active') ){
                jqsideTabs.addClass('closed');
            }
            
            el
            .siblings()
                .removeClass('active')
                .css({'right': -r })
            .end()
            .addClass('active')
            .css({'right': -ra });
            
            tabs.eq( this.i ).show().siblings('.tab').hide();
            
            return false;
        });
    })
    .end()
    .parent()
        .eq(0)
        .addClass('active')
    .end()
        .filter(':not(:eq(0))')
        .hide()
    .end();
    
    jqsideTabs.bind("mouseleave",function(){
        jqsideTabs
        .animate({left:-310}, 'fast', function(){
            jqsideTabs.addClass('closed').removeAttr('style');
        });
    });
}); 


and the html file is:
[HTML]
<div id="sideTabs">

<div class="tab">
<h3>Tab 1</h3>
<div class="gut">
<p>Some text</p>
</div>
</div>
<div class="tab">
<h3>Tab 2</h3>

<div class="gut">
<ul>
<li>link</li>
</ul>
</div>
</div>
<div class="tab">
<h3>Tab 3</h3>

<div class="gut">
<ul>
<li>link</li>
</ul>
</div>
</div>
</div>
[/HTML]
the problem is that the tab button works, but the content doesnt change...in all of tabs showing the same text(showing all tbas content)....

can anyone help...please.....

i keep getting the error

GET http://code.jquery.com/jquery.min.map net::ERR_TOO_MANY_REDIRECTS
& Failed to load resource: net::ERR_TOO_MANY_REDIRECTS

when i load my page...and the havascript doesn't work properly on ym page...how do i resolve this.

thanx in advance

var s="attr"
var i=$(s)
// jQuery(elem).attr(attr,eval("elm"+attr));
jQuery(elem).$(s)(attr,eval("elm"+attr));//i tried this.

how to assign a variable name in the above code(in place of s) so that i need to add an attribute to the element "elem".

Ok, I would post my entire data here but then yall would be reading insane amounts of script. I've got a div content jquery slider on my site I am making and it works beautifully in all browsers(took me a while). Then, I decided why not have it where when people click on a "read more" link that it pops up a box, instead of directing to the new page, and displays the contents of a div. It would not work at all. My question is there a possible way to do this?

hi guys im new here. i need some help at a battle system java script im working at a wbmmorpg game and im stuck at the battle system i dont know how to make that script i tryed some methods but all were wrong. i want the battle script to calculate the following procedu
attack vs deffense
inteligence vs intelligence
agillity vs agillity
those attributes are taken from MySQL database.
can you please explain or make the script for that combination or at least for one.
i appreciate it thanks

Hello

Is there any Rating System based on java or ajax for free..

Hello there
I am creating a website for a friend where the user cant can choose what jobs they want to do while a event. There a are more than 300 people involved so i found a script that worked fine but it used some checkboxes, and I wat to use drop down menu (one drop down menu for every day of the event). With the checkboxes it worked fin but when I modifie the part to insert the dropdown menu and that on my webpage I choose a job and then i send it and it tells me that I haven't selected anything.
I already lost 3 days of work triing to make it work but nothin succesfull..


This is the PHP code of the webpage:

PHP Code:
<?php include("login.php"); ?>
<html>
<head>
    <title>Tickets</title>
    <style>
        * {
            font-size: 11px;
            font-family: arial;
        }
    </style>
    <script>

        function reserveSeats() {
            
            var selectedList = getSelectedList('Reserve Seats');
            
            
                if (confirm('Do you want to reserve selected seat/s ' + selectedList + '?')) {
                    document.forms[0].oldStatusCode.value=0;
                    document.forms[0].newStatusCode.value=2;
                    document.forms[0].action='bookseats.php';
                    document.forms[0].submit();
                } else {
                    clearSelection();
                }
            
        }


        function getSelectedList(actionSelected) {
            
            // get selected list
            var obj = document.forms[0].elements;
            var selectedList = '';
            for (var i = 0; i < obj.length; i++) {
                if (obj[i].checked  && obj[i].name == 'seats[]') {
                    selectedList += obj[i].value + ', ';
                }
            }
            
            
            // no selection error
            if (selectedList == '') {
                alert('Please select a seat before clicking ' + actionSelected);
                return false;
            } else {
                return selectedList;
            }

        }
        
        


        function refreshView() {
            clearSelection();
            document.forms[0].action='<?php echo $_SERVER['PHP_SELF']; ?>';
            document.forms[0].submit();
        }

    </script>
</head>
<body>
<table>
<tr><td width="100%" align="center">
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">

<input type="hidden" name="oldStatusCode" value=""/>
<input type="hidden" name="newStatusCode" value=""/>
  
<table width='100%' border='0'>
    <tr><td align='center'>
        <input type='button' value='Refresh View' onclick='refreshView();'/>
    </td></tr>
</table>
</td></tr>
<tr><td width="100%" align="center">
<table width='100%' border='0'>
    <tr><td align='center'>
        <input type='button' value='Reserve Seats' onclick='reserveSeats()'/>
    </td></tr>
</table>
</td></tr>

<tr><td width="100%" align="center">
<select>
<?php

 
$linkID = @ mysql_connect("......", ".....", ".....") or die("Could not connect to MySQL server");
@ mysql_select_db("......") or die("Could not select database");
/* Create and execute query. */
$query = "SELECT * from seats order by rowId, columnId desc";
$result = mysql_query($query);
$prevRowId = null;
$seatColor = null;
$tableRow = false;
//echo $result;

while (list($rowId, $columnId, $status, $updatedby) = mysql_fetch_row($result))
{
    if ($prevRowId != $rowId) {
        if ($rowId != 'A') {
            
        }
        $prevRowId = $rowId;
    } else {
        $tableRow = false;
    }


    if ($status == 0) {
        $seatColor = "lightgreen";
    } else {
        $seatColor = "red";
    }

if ($status == 0 || ($status == 1 && $updatedby == $_SERVER['PHP_AUTH_USER'])) {
        echo "<option name='seats[]' value='$rowId$columnId'>$rowId$columnId</option>";
    }
    
}


echo "</tr></table></td>";
echo "</tr>";
echo "</table>";

/* Close connection to database server. */
mysql_close();
?>
</select>
</td></tr>

</table>
</form>
</body>
</html>

There is an atatchment of the webpage in a browser.
I hope someone out there can help me figure out the probleme.
Thanks alot Joris

Hi all. I'm coding a javascript game, and need to know how I can take this heart image, split it up frame by frame, and make it display 20 full hearts. then if i click the mouse, it will remove the top-right of the heart, followed by the bottom right, followed by the bottom left, followed by the top left of the heart. when it removes a part of the heart, it instead displays part of the "empty" frame of the heart.

code:

Code:

<script>
//2d rpg
var max = 20;
var img = "hearts.png";
hearts(max);
function hearts(max){
for(var i = 0; i<=max-1;i++){
document.write('\<img src\=\''+img+'\'\>\<\/img\>');
}
}
</script>

ANY help is GREATLY appreciated!

I have both the java script and the php files, i just need to intergrate them into eachother to display the different topics and forums:

New Forum:

index.php :

PHP Code:
<?php
include('../includes/db_connect.php');
include('../includes/inc-logincheck.php');
include('../includes/inc-functions.php');
include('../includes/inc-userfunctions.php');
include('../includes/inc-menu.php');
//include('../includes/smile.php');
$strTitle='Forum';
$strMessage='';
$intUserID=$_SESSION['uID'];
$fetch=$user;
////include('../includes/forumhead.php');


$forum=$_GET['forum'];
$viewtopic = $_GET['viewtopic'];

if ($crew == "0"){
$query="SELECT * FROM `topics` WHERE `forum`='$forum'";
}


$query=mysql_query("$query");
$num=mysql_num_rows($query);
$col="0";
while($fo=mysql_fetch_object($query)){
if ($col=="0"){ $td="#444444"; $col="1"; }else{ $td="#555555"; $col="0"; }

$hehe=mysql_num_rows(mysql_query("SELECT * FROM replys WHERE idto='$fo->id'"));
}
?>
  <link rel="stylesheet" type="text/css" href="../includes/forum.css">
  <td width="99%" background="../game/site/site/innerbg.gif" bgcolor="#222222" valign="top">

  <br>
  
  <center>
  <table border="0" cellspacing="0" cellpadding="10" width="100%" class="cat">
  <tr>
  <td>
    <script language='JavaScript' type='text/javascript' src='../includes/scripts/autosize.js'></script>
    <script>
    var box = 'reply';
    var oldTopic = 5;
    var muted = 'no';
    var set = 0;
    
    function parseUrl(url,variable){
        
        var theurl = url.split('?');
        
        if(theurl[1]){
            
            pars = theurl[1].split('&');
            
            for(i = 0; i < pars.length; i++){
                
                var check = pars[i].split('=');
                
                if(check[0] == variable){
                    
                    return check[1];
                    
                }
                
            }
            
        }
        
        return false;
        
    }
    
    function keepRefreshed(){
        
        if(set == 0){
            
            refresher = setTimeout("keepRefreshed()", 60000);
            allowButton = setTimeout("allowRefresh()", 3000);    
            set = 1;
            
        } else {
            
            refreshTopics();            
            
        }
                
    }
    
    function allowRefresh(){
        
        document.replyForm.refreshButton.disabled = false;
        
    }
    
    function refreshTopics(hl){
        
        if(set == 1){
            
            clearTimeout(refresher);
            clearTimeout(allowButton);
            
        }
        
        document.replyForm.refreshButton.disabled = true;
            
        refresher = setTimeout("keepRefreshed()", 60000);    
        allowButton = setTimeout("allowRefresh()", 3000);    
        
        if(document.replyForm.editIt.value == 'x'){
                    
            currentTopics = self.frames['topicsFrame'].location.href;
            
            var page = parseUrl(currentTopics, 'page');
            var forum = parseUrl(currentTopics, 'forum');
            var flag = parseUrl(currentTopics, 'flag');
                
            if(flag){
                    
                add = '&flag=' + flag;
                    
            } else {
                
                add = '';
                
            }
            
            if(!page){
                
                page = 1;
                
            }
            
            if(!forum){
                
                forum = 1;
                
            }
            
            if(!hl){
                
                hl = oldTopic;
                
            }
            
            self.frames['topicsFrame'].location.href = 'topics.php?forum=' + forum + '&default=' + oldTopic + '&page=' + page + '&hl=' + hl + add;
        
            
        }
        
    }
    
    function updateBox(id){
        
        oldTopic = id;
        
        if(document.replyForm.editIt.value != 'x'){
            
            document.replyForm.editIt.value = 'x';
            document.replyForm.topicSubject.disabled = false;
            document.replyForm.selectedFlag.disabled = false;
            document.replyForm.submitTitle.value = 'Add!';
                        
            switchBox(true);
            
        } else {
            
            if(box == 'reply'){
            
                document.replyForm.replyTo.value = id;
                document.replyForm.action = 'view.php?id=' + id + '&forum=' + 1;
            
            }
            
        }
            
    }
    
    function emotion(em){
        
        document.replyForm.replyMes.value = document.replyForm.replyMes.value + em;
        
        document.replyForm.replyMes.scrollTop = document.replyForm.replyMes.scrollHeight;
        
    }
    
    function editThread(id, flag, points){
        
        mes = self.frames['repliesFrame'].document.getElementById('topicMessage').value;
        sub = self.frames['repliesFrame'].document.getElementById('topicSubject').innerHTML;
                
        var replyform = document.replyForm;
    
        if(box == 'reply'){
            
            switchBox();
            
        }
        
        document.getElementById('topHeader').innerHTML = 'Edit thread';
        replyform.topicSubject.value = sub;
        replyform.topicSubject.disabled = true;
        replyform.replyMes.value = mes;
        replyform.replyMes.focus();
        replyform.editIt.value = id;
        replyform.selectedFlag.value = flag;
        replyform.selectedFlag.disabled = true;
        checkPoints();
        replyform.addPoints.value = points;
        replyform.submitTitle.value = 'Edit!';
        
        
    }
    
    function addQuote(type, username, id){
        
        if(type == 'topic'){
            
            quote = self.frames['repliesFrame'].document.getElementById('topicMessage');
            
        } else {
            
            quote = self.frames['repliesFrame'].document.getElementById('quote_' + id);
            
        }
        
        format = '[quote=' + username + ']' + quote.innerHTML + '[/quote]\n\n';
                
        document.replyForm.replyMes.value = document.replyForm.replyMes.value + format;
        
        document.replyForm.replyMes.scrollTop = 0;
        document.replyForm.replyMes.scrollTop = document.replyForm.replyMes.scrollHeight;        
        
    }
    
    function switchBox(c,k){
        
        if(document.replyForm.editIt.value != 'x'){
            
            updateBox(oldTopic);
            return;
            
        }
        
        if((box == 'reply') && (!k)){
            
            document.replyForm.action = 'topics.php?forum=1';
            document.replyForm.target = 'topicsFrame';
            document.replyForm.replyTo.value = 'x';
            document.getElementById('topHeader').innerHTML = 'New topic';
            document.getElementById('title').innerHTML = 'Add reply';
            document.getElementById('topicTitle').style.display = 'block';
            
            if(1 == 1){
                
                document.getElementById('flagBox').style.display = 'block';
                
            }
            
            box = 'topic';
                        
        } else {
            
            if(c){
                
                document.replyForm.topicSubject.value = '';
                document.replyForm.replyMes.value = '';
                document.replyForm.addPoints.value = '';
                document.replyForm.selectedFlag.value = 1;
                                
                if(k){
                    
                    url = 'topics.php?forum=1&hl=' + k;
                    
                    if(1 == 1){
                    
                        if(document.replyForm.forumFilter.value){
                            
                            url = url + '&flag=' + document.replyForm.forumFilter.value;
                            
                        }
                        
                    }
                    
                    self.frames['topicsFrame'].location.href = url;
                    
                }
                
            }
            
            document.replyForm.action = 'view.php?id=' + oldTopic + '&forum=' + 1;
            document.replyForm.target = 'repliesFrame';
            document.replyForm.replyTo.value = oldTopic;
            document.getElementById('topHeader').innerHTML = 'Add reply';
            document.getElementById('title').innerHTML = 'Add topic';
            document.getElementById('topicTitle').style.display = 'none';
            document.getElementById('flagBox').style.display = 'none';
            document.getElementById('addPoints').style.display = 'none';
            box = 'reply';
                        
        }
        
        if(box == 'reply'){
            
            updateButton(false);
            
        } else {
            
            checkPoints();            
            updateButton(true);
            
        }
        
    }
    
    function displayError(message){
        
        if(message == 'clear'){
            
            switchBox(true);
            
            document.getElementById('forumError').style.display = 'none';
            document.getElementById('forumError').innerHTML = '';
            
        } else {
            
            document.getElementById('forumError').style.display = 'block';
            document.getElementById('forumError').innerHTML = message;
            
        }
        
    }
    
    var timel = 0;

    function countdown(){
        
        timel -= 1;
        
        if(timel <= 0){
            
            unMute();
            
        } else {
        
            minutes = Math.floor(timel / 60);
            
            seconds = timel - (minutes * 60);        
            
            document.getElementById('timeleft').innerHTML = '<b>Time left:</b> ' + minutes + ' minutes ' + seconds + ' seconds';
            
            setTimeout("countdown()", 1000);
            
        }
        
    }
    
    function mutePlayer(muter, reason, post, timeleft){
        
        muted = 'yes';
        timel = timeleft;
        
        minutes = Math.floor(timeleft / 60);
        
        seconds = timeleft - (minutes * 60);
        
        document.getElementById('muteBox').innerHTML = 'You are unable to post because you have been muted by: <a href="viewprofile.php?viewuser=' + muter + '">' + muter + '</a><br><br><b>Reason:</b> ' + reason + '<br><div id="timeleft"><b>Time left:</b> ' + minutes + ' minutes ' + seconds + ' seconds</div><b>Post:</b><br>' + post;        
        document.getElementById('replyBox').style.display = 'none';
        document.getElementById('muteBox').style.display = 'block';
        
        setTimeout("countdown()", 1000);
        
    }
    
    function unMute(){
        
        muted = 'no';        
        document.getElementById('replyBox').style.display = 'block';
        document.getElementById('muteBox').style.display = 'none';
        
    }
    
    function checkPoints(){
        
        var flag = document.replyForm.selectedFlag;
        
        if(flag.value == 13){
            
            document.getElementById('addPoints').style.display = 'block';
            
        } else {
            
            document.getElementById('addPoints').style.display = 'none';
            
        }
        
        if(flag.value <= 3){
                
            updateButton(true);
                
        } else {
                
            updateButton(false);
                
        }
        
    }
    
    function updateButton(upto){
        
        if(1 == 1){
            
            var button = document.replyForm.submitTitle;
            var flag = document.replyForm.selectedFlag;
                    
            if((upto) && (flag.value <= 3)){
                
                button.disabled = true;
                
            } else {
    
                button.disabled = false;
                
            }
            
        }
        
    }
    
    function updateFilter(){
        
        var flag = document.replyForm.forumFilter.value;
        
        if(flag != 'void'){
            
            url = 'topics.php?forum=1';
            
            if(flag != 'all'){
                
                url += '&flag=' + flag;
                
            }
            
            self.frames['topicsFrame'].location.href = url;
            
        }
        
    }
    
    function watchThread(){
                        
        url = 'topics.php?forum=1&hl=' + oldTopic + '&watch=' + oldTopic;
        
        if(document.replyForm.forumFilter.value){
                            
            url = url + '&flag=' + document.replyForm.forumFilter.value;
                            
        }
        
        self.frames['topicsFrame'].location.href = url;
        
    }
    
    </script>
    
    <div id="forumError" display="none"></div>

    
    <center>
    <table border=0 cellspacing=0 cellpadding=2 width=99% bordercolor=black>
    <tr>
    <td width=40% valign=top class="insideTables">
    
    <form name="replyForm" method="post" target="repliesFrame" action="view.php?id=5&forum=1">
    <table border=1 cellspacing=0 cellpadding=2 width=100% class=sub2 bordercolor=black>
    <tr>
    <td align=center class=header><div id="topHeader">Add reply</div></td>

    </tr>
    <tr>
    <td>
    <div id="replyBox">
    
    <div style="display:none;" id="topicTitle">Subject: <input type=text style="width:100%" name="topicSubject" maxlength=35><br>Message:<br></div>
    
    <textarea style="width:100%" rows=5 name="replyMes" style="white-space: normal;"></textarea>
    
    <div style="display:none;" id="flagBox">

    
    <select style="width:100%;" name="selectedFlag" onChange="javascript:checkPoints()"><option selected value="1" style="background-color:#CDCDCD;">--- GAME RELATED ---</option>
<option value="4" style="background-color:#69A16C;">Questions/Help</option>
<option value="5" style="background-color:#69A16C;">Feature Discussion</option>
<option value="6" style="background-color:#69A16C;">RIP/WS</option>
<option value="7" style="background-color:#69A16C;">Bust Party</option>
<option value="8" style="background-color:#69A16C;">Promotions</option>
<option value="22" style="background-color:#69A16C;">Other</option>
<option value="2" style="background-color:#CDCDCD;">--- OFF TOPIC ---</option>

<option value="9" style="background-color:#CCAB6B;">Contests & Games</option>
<option value="10" style="background-color:#CCAB6B;">Bars</option>
<option value="11" style="background-color:#CCAB6B;">Rate THIS</option>
<option value="21" style="background-color:#CCAB6B;">Sports</option>
<option value="23" style="background-color:#CCAB6B;">Movies, Music & TV</option>
<option value="24" style="background-color:#CCAB6B;">Other</option>
<option value="3" style="background-color:#CDCDCD;">--- CLASSIFIEDS ---</option>
<option value="13" style="background-color:#6B9FCC;">Points</option>

<option value="14" style="background-color:#6B9FCC;">Crew</option>
<option value="15" style="background-color:#6B9FCC;">Pictures & Music</option>
<option value="16" style="background-color:#6B9FCC;">Casino</option>
<option value="17" style="background-color:#6B9FCC;">Protection</option>
<option value="18" style="background-color:#6B9FCC;">Organized Crime</option>
<option value="19" style="background-color:#6B9FCC;">Establishment</option>
<option value="20" style="background-color:#6B9FCC;">Other</option>
</select>
    
    </div>

    
    <div style="display:none;" id="addPoints">
    
    Verify: <input type=text name="addPoints" size=5>
    
    </div>
    
    <br>
    
    
    <input type=hidden name="replyTo">
    <input type=hidden name="editIt" value="x">
    
    <center>
    <a onclick="emotion(' :arrow: ')" style="cursor: pointer;"><img src="../game/emotions/arrow.gif" border=0 alt=":arrow:"></a>

    <a onclick="emotion(' :D ')" style="cursor: pointer;"><img src="../game/emotions/biggrin.gif" border=0 alt=":D"></a>
    <a onclick="emotion(' :S ')" style="cursor: pointer;"><img src="../game/emotions/confused.gif" border=0 alt=":S"></a>
    <a onclick="emotion(' 8) ')" style="cursor: pointer;"><img src="../game/emotions/cool.gif" border=0 alt="8)"></a>
    <a onclick="emotion(' :\'( ')" style="cursor: pointer;"><img src="../game/emotions/cry.gif" border=0 alt=":'("></a>
    <a onclick="emotion(' 8| ')" style="cursor: pointer;"><img src="../game/emotions/eek.gif" border=0 alt="8|"></a>
    <a onclick="emotion(' :evil: ')" style="cursor: pointer;"><img src="../game/emotions/evil.gif" border=0 alt=":evil:"></a>
    <a onclick="emotion(' :!: ')" style="cursor: pointer;"><img src="../game/emotions/exclaim.gif" border=0 alt=":!:"></a>
    <a onclick="emotion(' :idea: ')" style="cursor: pointer;"><img src="../game/emotions/idea.gif" border=0 alt=":idea:"></a>
    <a onclick="emotion(' :lol: ')" style="cursor: pointer;"><img src="../game/emotions/lol.gif" border=0 alt=":lol:"></a>

    <a onclick="emotion(' :mad: ')" style="cursor: pointer;"><img src="../game/emotions/mad.gif" border=0 alt=":mad:"></a>
    <br>
    <a onclick="emotion(' :?: ')" style="cursor: pointer;"><img src="../game/emotions/question.gif" border=0 alt=":?:"></a>
    <a onclick="emotion(' :redface: ')" style="cursor: pointer;"><img src="../game/emotions/redface.gif" border=0 alt=":redface:"></a>
    <a onclick="emotion(' :rolleyes: ')" style="cursor: pointer;"><img src="../game/emotions/rolleyes.gif" border=0 alt=":rolleyes:"></a>
    <a onclick="emotion(' :( ')" style="cursor: pointer;"><img src="../game/emotions/sad.gif" border=0 alt=":("></a>
    <a onclick="emotion(' :) ')" style="cursor: pointer;"><img src="../game/emotions/smile.gif" border=0 alt=":)"></a>
    <a onclick="emotion(' :o ')" style="cursor: pointer;"><img src="../game/emotions/surprised.gif" border=0 alt=":o"></a>
    <a onclick="emotion(' :P ')" style="cursor: pointer;"><img src="../game/emotions/toungue.gif" border=0 alt=":P"></a>

    <a onclick="emotion(' :twisted: ')" style="cursor: pointer;"><img src="../game/emotions/twisted.gif" border=0 alt=":twisted:"></a>
    <a onclick="emotion(' ;) ')" style="cursor: pointer;"><img src="../game/emotions/wink.gif" border=0 alt=";)"></a>
    <a onclick="emotion(' :tdn: ')" style="cursor: pointer;"><img src="../game/emotions/tdown.gif" border=0 alt=":tdn:"></a>
    <a onclick="emotion(' :tup: ')" style="cursor: pointer;"><img src="../game/emotions/tup.gif" border=0 alt=":tup:"></a>
    <br>
    <input type=submit value="Add!" name="submitTitle"> <input type=button value="Watch!" onClick="javascript:watchThread()"> <input type=button value="Refresh!" name="refreshButton" onClick="javascript:refreshTopics()">
    </center>
    
    </div>

    <div id="muteBox" style="display:none;"></div>
    
    </td>
    </tr>
    <tr>
    <td align=center class=header>Topics (<a href="javascript:switchBox()" id="title">Add topic</a>)</td>
    </tr>
        <tr>

        <td>
        <select style="width:100%;" onChange="javascript:updateFilter()" name="forumFilter">
        <option value="void" style="background-color:#CDCDCD;">                    FILTER</option>
        <option value="all">View all</option>
<option selected value="1" style="background-color:#CDCDCD;">--- GAME RELATED ---</option>
<option value="4" style="background-color:#69A16C;">Questions/Help</option>
<option value="5" style="background-color:#69A16C;">Feature Discussion</option>

<option value="6" style="background-color:#69A16C;">RIP/WS</option>
<option value="7" style="background-color:#69A16C;">Bust Party</option>
<option value="8" style="background-color:#69A16C;">Promotions</option>
<option value="22" style="background-color:#69A16C;">Other</option>
<option value="2" style="background-color:#CDCDCD;">--- OFF TOPIC ---</option>
<option value="9" style="background-color:#CCAB6B;">Contests & Games</option>
<option value="10" style="background-color:#CCAB6B;">Bars</option>
<option value="11" style="background-color:#CCAB6B;">Rate THIS</option>

<option value="21" style="background-color:#CCAB6B;">Sports</option>
<option value="23" style="background-color:#CCAB6B;">Movies, Music & TV</option>
<option value="24" style="background-color:#CCAB6B;">Other</option>
<option value="3" style="background-color:#CDCDCD;">--- CLASSIFIEDS ---</option>
<option value="13" style="background-color:#6B9FCC;">Points</option>
<option value="14" style="background-color:#6B9FCC;">Crew</option>
<option value="15" style="background-color:#6B9FCC;">Pictures & Music</option>
<option value="16" style="background-color:#6B9FCC;">Casino</option>

<option value="17" style="background-color:#6B9FCC;">Protection</option>
<option value="18" style="background-color:#6B9FCC;">Organized Crime</option>
<option value="19" style="background-color:#6B9FCC;">Establishment</option>
<option value="20" style="background-color:#6B9FCC;">Other</option>
</select>
        </td>
        </tr>
    <tr>
    <td>

    <iframe width=100% height="357" src="topics.php?forum=1&flag=<?php echo "$forum"; ?>" frameborder="0" allowTransparency="true" name="topicsFrame" id="topicsFrame"></iframe>
    </td>
    </tr>
    </table>
    </form>
    
    </td>
    <td width=60% valign=top>

    <iframe width=100% height="590" src="view.php?forum=1&id=<?php echo "$viewtopic"; ?>" frameborder="0" id="repliesFrame" name="repliesFrame" allowTransparency="true"></iframe>

    
    </td>
    </tr>
    </table>


  </td>
  </tr>
  </table>

  </td>

  <?php 
      
      include("/home/tacticsc/domains/360-tactics.co.uk/public_html/crimewave/includes/inc-footer.php"); ?>

i will post the rest of the codes in comments below due to too many word count.

if its not to hard please help me, i have put all the Javascript there and the php it just needs to be implimented, i have started some of it, such as getting the topics to display like so:



its just when you click the topic it doesnt load into the right hand iframe and some other things like the reply box ect

thanks.

Dan