Hello,
En deux mots: j'ai fais ça: http://noisy.ch/smilies/smilies2.html mais
je n'y connais rien à Javascript (c'est pour un chat en php). J'ai
modifié une source que j'ai trouvé ici pour avoir plusieurs colonnes
par ligne dans un sous-menu, mais j'aimerais que quelqu'un me dise si
mon code est pourri ou non (j'y connais tellement rien...
)
Merci d'avance!
Malik7934
--- Menu2.js
function createMenu() {
document.write("<table border=0
bordercolor="+menu_bordercolor+"
style=cursor:default;position:absolute;top:"+y+";left:"+x+";
cellspacing=0 width="+elementW+">")
document.write("<tr><td
bgcolor="+menu_bgcolor_normal+" id=menu"+0+" onmouseover=menuOver()
onmouseout=menuOut() onclick=hideSubMenu() height="+elementH+"
><img src=\"
"+menu[0]+"\"></center></td></tr>")
document.write("</table>")
for (var i = 0; i < submenu.length; i++) {
document.write("<table
border=1 bordercolor="+menu_bordercolor+"
style=display:none;cursor:hand;position:absolute;left:"+(x + elementW -
5)+";top:"+(y + (i * elementH))+"; id=submenu"+i+" cellspacing=0
onmouseover=revealSubMenu() onmouseout=hideSubMenu()
width="+elementW+">")
for (var j = 0; j < submenu[i].length; j++){
document.write("<tr>");
for (var k = 0; k < submenu[i][j].length; k++){
document.write("<td
bgcolor="+menu_bgcolor_normal+" onmouseout=menuOut()
height="+elementH+"><center><a href=\"#\"
onClick=\"ChooseSmiley("+(submenu[i][j].length*j+k+1)+");\"><img
src=\""+submenu[i][j][k]+"\"
border=0></a></center></td>")
}
}
document.write("</tr></table>")
}
}
function menuOver() {revealSubMenu()}
function menuOut() {hide( O("submenu"+0))}
function revealSubMenu() {hide( O("submenu"+0)); show( O("submenu"+0))}
function hideSubMenu() {hide( O("submenu"+0))}
function show(element) {element.style.display = ""}
function hideAll() {hideSubMenu()}
function hide(element) {element.style.display = "none"}
function O(id) {return document.getElementById(id)}
function addSt(tx) {that = window.document ['tchat'] ['phrase'];that.value += tx;}
--- smilies2.html
<hmtl>
<title>Smilies!</title>
<head>
<script language=JavaScript src="menu2.js"></script>
<script language=JavaScript>
<!--
function ChooseSmiley(nb){
var smilies = new
Array("[:P]","[:z]","[;P]","[:D]","[;)]","[:O]","[:A]","[;c]","[:)]","[:W]","[:a]","[||]","[:|]","[;p]","[|)]","[|P]","[:(]","[:w]","[|b]","[B)]");
var smile = smilies[nb-1]; hide( O("submenu"+0)); return addSt(smile);}
var x = 5, y = 50
var elementH = 25, elementW = 25
var menu_bgcolor_normal = "#ccddee"
var menu_bgcolor_over = "#ccddee"
var menu_bordercolor = "#ccddee"
var menu = ["smile.png"]
var submenu = [[
["lol1.png","sleep1.png","crazytong1.png","inlove1.png"],
["lol2.png","tired1.png","hate1.png","cool1.png"],
["hehe1.png","tooth1.png","hate2.png","anonym1.png"],
["mouaif1.png","tong1.png","fuckoff1.png","believnot1.png"],
["sad1.png","hitten1.png","bomb1.png","glass1.png"]
]]
createMenu()
//-->
</script>
</head>
<body bgcolor="#ccddee">
<form name="tchat">
<input name="phrase" type="text"> <input type=button value="ok" onClick="alert('hello');">
</form></body>
</html>