View Full Version : n00b at CSS ALERT!


thewwfc
04-30-2003, 11:10 PM
Hi, My mate gave me this...

<script type="text/javascript">


function xoopsGetElementById(id){
if (document.getElementById) {
return (document.getElementById(id));
} else if (document.all) {
return (document.all);
} else {
if ((navigator.appname.indexOf("Netscape") != -1) && parseInt(navigator.appversion == 4)) {
return (document.layers[id]);
}
}
}

function showImgSelected(imgId, selectId, imgDir, extra) {
imgDom = xoopsGetElementById(imgId);
selectDom = xoopsGetElementById(selectId);
imgDom.src = "http://www.thewwfc.com/"+ imgDir + "/" + selectDom.options[selectDom.selectedIndex].value + extra;
}

function justReturn() {
return;
}

function init() {

}

function openWithSelfMain(url,name,width,height) {
var options = "width=" + width + ",height=" + height + "toolbar=no,location=no,directories=no,status=no,me nubar=no,scrollbars=yes,resizable=yes,copyhistory= no";

new_window = window.open(url, name, options);
window.self.name = "main";
new_window.focus();
}

function setElementColor(id, color){
xoopsGetElementById(id).style.color = "#" + color;
}

function setElementFont(id, font){
xoopsGetElementById(id).style.fontFamily = font;
}

function setElementSize(id, size){
xoopsGetElementById(id).style.fontSize = size;
}

function changeDisplay(id){
var elestyle = xoopsGetElementById(id).style;
if (elestyle.display == "") {
elestyle.display = "none";
} else {
elestyle.display = "block";
}
}

function setVisible(id){
xoopsGetElementById(id).style.visibility = "visible";
}

function setHidden(id){
xoopsGetElementById(id).style.visibility = "hidden";
}

function makeBold(id){
var eleStyle = xoopsGetElementById(id).style;
if (eleStyle.fontWeight != "bold") {
eleStyle.fontWeight = "bold";
} else {
eleStyle.fontWeight = "normal";
}
}

function makeItalic(id){
var eleStyle = xoopsGetElementById(id).style;
if (eleStyle.fontStyle != "italic") {
eleStyle.fontStyle = "italic";
} else {
eleStyle.fontStyle = "normal";
}
}

function makeUnderline(id){
var eleStyle = xoopsGetElementById(id).style;
if (eleStyle.textDecoration != "underline") {
eleStyle.textDecoration = "underline";
} else {
eleStyle.textDecoration = "none";
}
}

function makeLineThrough(id){
var eleStyle = xoopsGetElementById(id).style;
if (eleStyle.textDecoration != "line-through") {
eleStyle.textDecoration = "line-through";
} else {
eleStyle.textDecoration = "none";
}
}


function appendSelectOption(selectMenuId, optionName, optionValue){
var selectMenu = xoopsGetElementById(selectMenuId);
var newoption = new Option(optionName, optionValue);
selectMenu.options[selectMenu.length] = newoption;
selectMenu.options[selectMenu.length].selected = true;
}

function disableElement(target){
var targetDom = xoopsGetElementById(target);
if (targetDom.disabled != true) {
targetDom.disabled = true;
} else {
targetDom.disabled = false;
}
}
function xoopsCheckAll(formname, switchid) {
var ele = document.forms[formname].elements;
var switch_cbox = xoopsGetElementById(switchid);
for (var i = 0; i < ele.length; i++) {
var e = ele[i];
if ( (e.name != switch_cbox.name) && (e.type == 'checkbox') ) {
e.checked = switch_cbox.checked;
}
}
}


function xoopsCheckGroup(formname, switchid, groupid) {
var ele = document.forms[formname].elements;
var switch_cbox = xoopsGetElementById(switchid);
for (var i = 0; i < ele.length; i++) {
var e = ele[i];
if ( (e.type == 'checkbox') && (e.id == groupid) ) {
e.checked = switch_cbox.checked;
e.click(); e.click();
}
}
}

function xoopsCodeUrl(id){
var text = prompt("Enter the URL of the link you want to add:", "");
var domobj = xoopsGetElementById(id);
if ( text != null && text != "" ) {
var text2 = prompt("Enter the web site title:", "");
if ( text2 != null ) {
if ( text2 == "" ) {
var result = "" + text + "";
} else {
var pos = text2.indexOf(unescape('%00'));
if(0 < pos){
text2 = text2.substr(0,pos);
}
var result = "" + text2 + " ( + text + )";
}
xoopsInsertText(domobj, result);
}
}
domobj.focus();
}

function xoopsCodeImg(id){
var text = prompt("Enter the URL of the image you want to add.", "");
var domobj = xoopsGetElementById(id);
if ( text != null && text != "" ) {
var text2 = prompt("Now, enter the position of the image.\n'R' or 'r' for right, 'L' or 'l' for left, or leave it blank.", "");
while ( ( text2 != "" ) && ( text2 != "r" ) && ( text2 != "R" ) && ( text2 != "l" ) && ( text2 != "L" ) && ( text2 != null ) ) {
text2 = prompt("ERROR! Enter the position of the image.\n'R' or 'r' for right, 'L' or 'l' for left, or leave it blank.","");
}
if ( text2 == "l" || text2 == "L" ) {
text2 = " align=left";
} else if ( text2 == "r" || text2 == "R" ) {
text2 = " align=right";
} else {
text2 = "";
}
var result = "" + text + "";
xoopsInsertText(domobj, result);
}
domobj.focus();
}

function xoopsCodeEmail(id){
var text = prompt("Enter the email address you want to add.", "");
var domobj = xoopsGetElementById(id);
if ( text != null && text != "" ) {
var result = "" + text + "";
xoopsInsertText(domobj, result);
}
domobj.focus();
}

function xoopsCodeQuote(id){
var text = prompt("Enter the text that you want to be quoted.", "");
var domobj = xoopsGetElementById(id);
if ( text != null && text != "" ) {
var pos = text.indexOf(unescape('%00'));
if(0 < pos){
text = text.substr(0,pos);
}
var result = "" + text + "";
xoopsInsertText(domobj, result);
}
domobj.focus();
}

function xoopsCodeCode(id){
var text = prompt("Enter the codes that you want to add.", "");
var domobj = xoopsGetElementById(id);
if ( text != null && text != "" ) {
var result = "" + text + "";
xoopsInsertText(domobj, result);
}
domobj.focus();
}



function xoopsCodeText(id, hiddentext){
var textareaDom = xoopsGetElementById(id);
var textDom = xoopsGetElementById(id + "Addtext");
var fontDom = xoopsGetElementById(id + "Font");
var colorDom = xoopsGetElementById(id + "Color");
var sizeDom = xoopsGetElementById(id + "Size");
var xoopsHiddenTextDomStyle = xoopsGetElementById(hiddentext).style;
var textDomValue = textDom.value;
var fontDomValue = fontDom.options.value;
var colorDomValue = colorDom.options[colorDom.options.selectedIndex].value;
var sizeDomValue = sizeDom.options[sizeDom.options.selectedIndex].value;
if ( textDomValue == "" ) {
alert("Please input text into the textbox.");
textDom.focus();
} else {
if ( fontDomValue != "FONT") {
textDomValue = "[font=" + fontDomValue + "]" + textDomValue + "";
fontDom.options[0].selected = true;
}
if ( colorDomValue != "COLOR") {
textDomValue = "" + textDomValue + "";
colorDom.options[0].selected = true;
}
if ( sizeDomValue != "SIZE") {
textDomValue = "" + textDomValue + "";
sizeDom.options[0].selected = true;
}
if (xoopsHiddenTextDomStyle.fontWeight == "bold") {
textDomValue = "" + textDomValue + "";
xoopsHiddenTextDomStyle.fontWeight = "normal";
}
if (xoopsHiddenTextDomStyle.fontStyle == "italic") {
textDomValue = "[i]" + textDomValue + "";
xoopsHiddenTextDomStyle.fontStyle = "normal";
}
if (xoopsHiddenTextDomStyle.textDecoration == "underline") {
textDomValue = "" + textDomValue + "";
xoopsHiddenTextDomStyle.textDecoration = "none";
}
if (xoopsHiddenTextDomStyle.textDecoration == "line-through") {
textDomValue = "" + textDomValue + "";
xoopsHiddenTextDomStyle.textDecoration = "none";
}
xoopsInsertText(textareaDom, textDomValue);
textDom.value = "";
xoopsHiddenTextDomStyle.color = "#000000";
xoopsHiddenTextDomStyle.fontFamily = "";
xoopsHiddenTextDomStyle.fontSize = "12px";
xoopsHiddenTextDomStyle.visibility = "hidden";
textareaDom.focus();
}
}

function xoopsSavePosition(id)
{
var textareaDom = xoopsGetElementById(id);
if (textareaDom.createTextRange) {
textareaDom.caretPos = document.selection.createRange().duplicate();
}
}

function xoopsInsertText(domobj, text)
{
if (domobj.createTextRange && domobj.caretPos){
var caretPos = domobj.caretPos;
caretPos.text = caretPos.text.charAt(caretPos.text.length - 1)
== ' ' ? text + ' ' : text;
} else if (domobj.getSelection && domobj.caretPos){
var caretPos = domobj.caretPos;
caretPos.text = caretPos.text.charat(caretPos.text.length - 1)
== ' ' ? text + ' ' : text;
} else {
domobj.value = domobj.value + text;
}
}

function xoopsCodeSmilie(id, smilieCode) {
var revisedMessage;
var textareaDom = xoopsGetElementById(id);
xoopsInsertText(textareaDom, smilieCode);
textareaDom.focus();
return;
}

function xoopsValidate(subjectId, textareaId, submitId) {
var maxchars = 65535;
var subjectDom = xoopsGetElementById(subjectId);
var textareaDom = xoopsGetElementById(textareaId);
var submitDom = xoopsGetElementById(submitId);
if (textareaDom.value == "" || subjectDom.value == "") {
alert("Please complete the subject and message fields.");
return false;
}
if (maxchars != 0) {
if (textareaDom.value.length > maxchars) {
alert("Your message is too long.\n\nAllowed max chars length: " + maxchars + "\nCurrent chars length: " + textareaDom.value.length + "");
textareaDom.focus();
return false;
} else {
submitDom.disabled = true;
return true;
}
} else {
submitDom.disabled = true;
return true;
}
}
window.onload=init;





//-->

</script>

Gotta post bk.

thewwfc
04-30-2003, 11:12 PM
Sorry it is sooooooo long but I am not learning CSS yet!

I wanted too know what colour this is and I could not see a hexcode in site so I guess it is CSS if you can give me the hexcode that would be great thanks!
http://thewwfc.com/images/HELP.JPG

MaGiCSuN
04-30-2003, 11:20 PM
#08559B

and what's the need for the code? :rolleyes:

Elentari
04-30-2003, 11:27 PM
The hex colour for that is #08559B but if I were you, I'd use #336699 which is very similar and is a non-dithering colour safe for use on the internet. (Basically means it looks good on the internet and doesn't break up or look odd).

Now...why did you paste that huge code?

thewwfc
04-30-2003, 11:31 PM
Thats a good point I dunno lol!

I thought about taking a screenshot after


SORRY PEOPLE I AM VERY VERY VERY SORRY! :'(


THANKS FOR THE CODES!