Image Repeat - ubbDev

You are not logged in. [Log In] ubbDev » Forums » Community Development » HTML, CSS, Programming and MySQL
» HTML, JavaScript, and CSS » Image Repeat

Topic Options

#110002 - 04/30/06 07:17 AM Image Repeat
Raziel Junior Member Registered: 01/22/06 Posts: 11	does anyone know how i can edit this code so that , if the page is stretched, the image appended would repeate ? function headBase(theTable){ var pTD = theTable.parentNode; if(pTD.firstChild.nodeName == "DIV"){ return false; } var hDiv = document.createElement("div"); hDiv.align = "center"; var hImg = new Image(); hImg.src = headImg; hDiv.appendChild(hImg); var bDiv = hDiv.cloneNode(true); bDiv.firstChild.src = baseImg; pTD.insertBefore(hDiv, theTable); if(theTable.nextSibling){ pTD.insertBefore(bDiv, theTable.nextSibling); }else{ pTD.appendChild(bDiv); } }
Top

#110003 - 04/30/06 07:39 PM Re: Image Repeat
AllenAyres I type Like navaho Registered: 03/10/00 Posts: 25365 Loc: Texas	what language is that? perl? php? _________________________ - Allen - What Drives You?
Top

#110004 - 05/01/06 01:30 AM Re: Image Repeat
Gizmo Wizard Registered: 01/10/00 Posts: 5091 Loc: Portland, OR, USA	Javascript I'm assuming... _________________________ UBB.Dev - Where you too can render your UBB install completely useless... UGN Security, Elite Web Gamers & VNC Web Design Owner
Top

#110005 - 05/01/06 09:46 AM Re: Image Repeat
Burak Addict Registered: 05/29/00 Posts: 1820 Loc: Istanbul, Turkey	all css properties can be modified via js, but notation is different (background-repeat is backgroundRepeat etc.) Code: // foo is <td id="foo"> var o = document.getElementById('foo'); var s = o.style; s.background = "url('a.gif')"; s.backgroundRepeat = "repeat"; in your code, I think that "o" is "bDiv.firstChild" ... You can probe any object to see it's properties: Code: if (typeof s == 'object') { for(key in s) document.writeln(key+':'+s[key]); } _________________________ one bytecode to rule them all
Top

#110006 - 05/01/06 10:42 AM

Re: Image Repeat

Raziel Offline

Junior Member

Registered: 01/22/06
Posts: 11

well this is Javascript , may apologizes for not stating that

this is a compleate version of the code.

Code:

  
var baseImg = "BASE IMAGE URL";
var headImg = "HEAD IMAGE URL";

function headBase(theTable){
var pTD = theTable.parentNode;
if(pTD.firstChild.nodeName == "DIV"){
return false;
}
var hDiv = document.createElement("div");
hDiv.align = "center";
var hImg = new Image();
hImg.src = headImg;
hDiv.appendChild(hImg);
var bDiv = hDiv.cloneNode(true);
bDiv.firstChild.src = baseImg;
pTD.insertBefore(hDiv, theTable);
if(theTable.nextSibling){
pTD.insertBefore(bDiv, theTable.nextSibling);
}else{
pTD.appendChild(bDiv);
}
}

var iTable = document.getElementsByTagName("table");
if(location.href.match(/com|index.cgi/)){
for(t=4; t<iTable.length; t++){
if(iTable[t].width == "100%" && iTable[t].className == "bordercolor"){
            headBase(iTable[t]);
        }
    }
}

you see it add an image above a table, for forums, like over here thier is an image between each catagory, only in this case its one image. I want the image added above and below(head/base)to repeate, its not exaclty a background.

[add the script tags acordingly , i cant add them it doesnt let me