I found this welcome suprise in my PM box. I won't have time to do anything other that 'Forward it' but umm This could help take the "better poll system" off of the list..
From @"Mega-Mario"
This is something I coded out of boredom. I figured you may be interested in it fo this board. Tested on Firefox, Chrome and IE, and works. Should work on Opera as well.
Basically, it suppresses the need of manually entering a number of options and hitting Preview. Instead, users can add or remove poll option fields directly.
I can give you the .js file directly: http://acmlm.kafuka.org/uploader/get.php?id=4135
However, this doesn't apply to the modified newthread.php. The one I used comes from the leaked AB2.0a1, I could guess about the multivote/changeable checkboxes, but I have no idea how thread tags work. So instead I'll be giving you the essential parts and telling you where they go.
$pollin=
"$L[TR]>
". " $L[TD1c]>Poll question:</td>
". " $L[TD2]>$L[INPt]=question size=60 maxlength=60 value=\"\"></td>
". "$L[TR]>
". " $L[TD1c]>Poll options:</td>
". " $L[TD2] id=polloptions>$L[INPh]=numopts id=numopts value=\"1\">
". " <div id=pollopt0>$L[INPt]=opt0 id=opt0 size=40 maxlength=40 value=\"\">"
." - RGB color: $L[INPt]=r0 id=r0 size=3 maxlength=3 value=\"".rand(0,255)."\">"
."$L[INPt]=g0 id=g0 size=3 maxlength=3 value=\"".rand(0,255)."\">"
."$L[INPt]=b0 id=b0 size=3 maxlength=3 value=\"".rand(0,255)."\"></div>
". " <input type=\"button\" id=optend value=\"Add option\" onclick=\"addOption(); return false;\">
". " </td>
". "$L[TR]>
". " $L[TD1c]>Poll settings:</td>
". " $L[TD2]>$L[INPc]=multivote value=1 id=mv><label for=mv>Allow multiple voting</label> | $L[INPc]=changeable checked value=1 id=ch><label for=ch>Allow changing one's vote</label>
";
$polljs=
"<script type=\"text/javascript\" src="\"dynapoll.js\"></script>". "<script type=\"text/javascript\">var numopts = 1;</script>
"; |
Replaces:
$pollin=
"$L[TR]>
". " $L[TD1c]>Poll question:</td>
". " $L[TD2]>$L[INPt]=question size=60 maxlength=60 value=\"".htmlval($_POST[question])."\"></td>
". "$L[TR]>
". " $L[TD1c]>Number of options:</td>
". " $L[TD2]>$L[INPt]=numopts size=2 maxlength=2 value=\"".htmlval($_POST[numopts])."\"><br><font class=sfont>Press Preview to update the number of fields displayed.</font></td>
". " $L[INPh]=noptcache value=0>
". "$L[TR]>
". " $L[TD1c]>Options:</td>
". " $L[TD2]>$L[INPc]=multivote value=1 id=mv><label for=mv>Allow multiple voting</label> | $L[INPc]=changeable checked value=1 id=ch><label for=ch>Allow changing one's vote</label>
"; |
$_POST[question]=stripslashes($_POST[question]);
$numopts=$_POST[numopts];
checknumeric($numopts);
for($i=0;$i<$numopts;++$i){
$_POST["opt$i"]=stripslashes($_POST["opt$i"]);
$pollin.="<div id=pollopt$i>$L[INPt]=opt$i id=opt$i size=40 maxlength=40 value=\"".htmlval($_POST["opt$i"])."\">"
." - RGB color: $L[INPt]=r$i id=r$i size=3 maxlength=3 value=\"".htmlval($_POST["r$i"])."\">"
."$L[INPt]=g$i id=g$i size=3 maxlength=3 value=\"".htmlval($_POST["g$i"])."\">"
."$L[INPt]=b$i id=b$i size=3 maxlength=3 value=\"".htmlval($_POST["b$i"])."\">";
if ($i > 0) $pollin.=" <a href="\"#\"" onclick=\"removeOption(this.parentNode); return false;\"><img src="\"img/delete.png\"></a>"; $pollin.="</div>";
}
$pollin=
"$L[TR]>
". " $L[TD1c]>Poll question:</td>
". " $L[TD2]>$L[INPt]=question size=60 maxlength=60 value=\"".htmlval($_POST[question])."\"></td>
". "$L[TR]>
". " $L[TD1c]>Poll options:</td>
". " $L[TD2] id=polloptions>$L[INPh]=numopts id=numopts value=\"$numopts\">
".$pollin."
". " <input type=\"button\" id=optend value=\"Add option\" onclick=\"addOption(); return false;\">
". " </td>
". "$L[TR]>
". " $L[TD1c]>Poll settings:</td>
". " $L[TD2]>$L[INPc]=multivote ".($_POST[multivote]?"checked ":"")."value=1 id=mv><label for=mv>Allow multiple voting</label> | $L[INPc]=changeable ".($_POST[changeable]?"checked ":"")."value=1 id=ch><label for=ch>Allow changing one's vote</label>
";
$polljs=
"<script type=\"text/javascript\" src="\"dynapoll.js\"></script>". "<script type=\"text/javascript\">var numopts = $numopts;</script>
"; |
Replaces:
$_POST[question]=stripslashes($_POST[question]);
$numopts=$_POST[numopts];
checknumeric($numopts);
$pollin=
"$L[TR]>
". " $L[TD1c]>Poll question:</td>
". " $L[TD2]>$L[INPt]=question size=60 maxlength=60 value=\"".htmlval($_POST[question])."\"></td>
". "$L[TR]>
". " $L[TD1c]>Number of options:</td>
". " $L[TD2]>$L[INPt]=numopts size=2 maxlength=2 value=\"".htmlval($_POST[numopts])."\"><br><font class=sfont>Press Preview to update the number of fields displayed.</font></td>
". " $L[INPh]=noptcache value=$numopts>
";
for($i=$noptcache;$i<$numopts;++$i){
$_POST["r$i"]=rand(0,255);
$_POST["g$i"]=rand(0,255);
$_POST["b$i"]=rand(0,255);
}
for($i=0;$i<$numopts;++$i){
$_POST["opt$i"]=stripslashes($_POST["opt$i"]);
$pollin.="$L[TR]>$L[TD1c]>Option ".($i+1).":</td>"
."$L[TD2] >$L[INPt]=opt$i size=40 maxlength=40 value=\"".htmlval($_POST["opt$i"])."\">"
." - RGB color: $L[INPt]=r$i size=3 maxlength=3 value=\"".htmlval($_POST["r$i"])."\">"
."$L[INPt]=g$i size=3 maxlength=3 value=\"".htmlval($_POST["g$i"])."\">"
."$L[INPt]=b$i size=3 maxlength=3 value=\"".htmlval($_POST["b$i"])."\">";
}
$pollin.="$L[TR]>
". " $L[TD1c]>Options:</td>
". " $L[TD2]>$L[INPc]=multivote ".($_POST[multivote]?"checked":"")." value=1 id=mv><label for=mv>Allow multiple voting</label> | $L[INPc]=changeable ".($_POST[changeable]?"checked":"")." value=1 id=ch><label for=ch>Allow changing one's vote</label>
"; |
". "<form action=\"newthread.php".($ispoll?"?ispoll=$ispoll":'')."\" method=post>
". " $L[TBL1]> |
Replaces:
". "$L[TBL1]>
". " <form action=newthread.php?ispoll=$ispoll method=post> |
". " $L[TBLend]
". "</form>
".$polljs." |
Replaces:
". " </form>
". "$L[TBLend] |
Edit: this is the JS code
function addOption()
{
var newdiv = document.createElement('div');
newdiv.id = 'pollopt'+numopts;
newdiv.innerHTML = '<input type="text" name=opt'+numopts+' id=opt'+numopts+' size=40 maxlength=40 value="">'
+' - RGB color: <input type="text" name=r'+numopts+' id=r'+numopts+' size=3 maxlength=3 value="'+Math.floor(Math.random() * 255)+'">'
+'<input type="text" name=g'+numopts+' id=g'+numopts+' size=3 maxlength=3 value="'+Math.floor(Math.random() * 255)+'">'
+'<input type="text" name=b'+numopts+' id=b'+numopts+' size=3 maxlength=3 value="'+Math.floor(Math.random() * 255)+'">'
+' <a href=""#"" onclick="removeOption(this.parentNode); return false;"><img src=""img/delete.png"></a>ë">
document.getElementById('polloptions').insertBefore(newdiv, document.getElementById('optend'));
numopts++;
document.getElementById('numopts').value = numopts;
}
function removeOption(thediv)
{
var num = parseInt(thediv.id.substring(7));
if (num < 1) return;
if (num >= numopts) return;
document.getElementById('polloptions').removeChild(thediv);
if (num < numopts-1)
{
for (i = num+1; i < numopts; i++)
{
var newid = i-1;
var elem = document.getElementById('pollopt'+i);
elem.id = elem.name = 'pollopt'+newid;
var elem = document.getElementById('opt'+i);
elem.id = elem.name = 'opt'+newid;
var elem = document.getElementById('r'+i);
elem.id = elem.name = 'r'+newid;
var elem = document.getElementById('g'+i);
elem.id = elem.name = 'g'+newid;
var elem = document.getElementById('b'+i);
elem.id = elem.name = 'b'+newid;
}
}
numopts--;
document.getElementById('numopts').value = numopts;
}
|
The reason <form> and <table> have to be switched around is that some browsers like Firefox don't like when a form is inside a table but contains the table's cells. In particular, what happens is that adding fields work, but the fields don't get sent with the rest of the POST request.
Sorry for the lengthy PM. Let me know if there are any issues with my code. I tested it and didn't find any, but we never know.
Welp everyone look at this, and let me know if you see anything. If it looks out we could try applying it to the dev board. I won't be around activily until possibly the evening to day as I have IRL plans today.
Main
| FAQ
| IRC chat
| Memberlist
| Active users
| Latest posts
| Stats
| Ranks
| Online users
| Search
Kiyoshi
Liliana