[JS] Scriptje aanpassen voor webgenerator

[Verwijderd]

Ik gebruik een webgenerator van mijn werkgever voor het maken van onze internetsite. Op zich een handig programmaatje omdat niet al mijn collega's html onder de knie hebben.

Alleen 1 nadeel: er zitten wat standaard sjablonen in en die wil ik combineren wat het programmaatje niet kan.

Het is volgens mij redelijk simpel, alleen is mijn JS kennis erg onder de maat en kom ik er niet helemaal uit. Misschien heeft iemand even zin om ernaar te kijken?

Ik heb 2 JS bestandjes. 1 is voor een standaard pagina met ene foto, 1 is voor een standaard pagina met 2 kolommen en fotootjes. Nu wil ik een pagina hebben die bovenin standaard is en waaronder ik 2 kolommen en fotootjes heb, dus zeg maar JS 1 en JS 2 bij elkaar in 1 JS bestandje.

Is dit mogelijk?

Hier JS 1 (Titelpagina waarin een foto kan):

code:

tplDescription = "Titelpagina";

tplTags = new Array(
    ["TAG_TITLE", "text", "Titel"],
    ["TAG_TEXT", "textarea", "Tekst"],
    ["TAG_FOTO", "file", "Foto"],
    ["TAG_POPUP_n", "text; textarea", "Popup activeringstekst; Inhoud popup tekst"]);

//
// Inhoud uit de content tags halen
//

for (i = 0; i < content_tags.length; i++)
{
    if (content_tags[i][0] == "TAG_TITLE")
    {
        title = content_tags[i][1];
        continue;
    }

    if (content_tags[i][0] == "TAG_TEXT")
    {
        text = content_tags[i][1];
        continue;
    }

    if (content_tags[i][0] == "TAG_FOTO")
    {
        foto = content_tags[i][1];
        continue;
    }
}

var tplHeader, tplBody, tplFooter;

tplHeader = '<span class="kopTxt">' + title + '</span>';

tplBody = '<table cellspacing="0" cellpadding="0" width="100%" border="0">'

if (foto != '')
{
    tplBody += '<tr><td>&nbsp;</td></tr>';
    tplBody += '<tr><td>[img]"'[/img]</td></tr>';
    tplBody += '<tr><td>&nbsp;</td></tr>';
}

tplBody += ''
    + ' <tr><td class="contentTxt" valign="top">' + text + '</td></tr>'
    + '</table>';

tplFooter = ''
    + ' </td></tr>'
    + '</table>';

//
// De popup-woorden vervangen en de popups maken
//

for (i = 0; i < content_tags.length; i++)
{
    if (content_tags[i][0].slice(0,10) == "TAG_POPUP_" && content_tags[i][1] != '' && content_tags[i][2] != '')
    {
        var popupReplace = new RegExp(" " + content_tags[i][1], "gi");
        var popupTrigger = ' <span class="popupTrigger" onMouseOut=StartHidePopup("' + content_tags[i][0] + '") onMouseOver=MM_showHideLayers("' + content_tags[i][0] + '","","show")>' + content_tags[i][1] + '</span>';

        tplBody = tplBody.replace(popupReplace, popupTrigger);
        tplHeader += '<span id="' + content_tags[i][0] + '" class="popupBox"><table border="0" cellpadding="10" style=""><tr><td class="popupTxt">' + content_tags[i][2] + '</td></tr></table></span>';
    }
}

theTemplate = tplHeader + tplBody + tplFooter;
document.write(theTemplate);

En deze wil ik erin hebben (eronder):

code:

tplDescription = "Pagina met alinea's en foto's in 2 kolommen";

tplTags = new Array(
    ["TAG_TITLE", "text", "Titel van pagina"],
    ["TAG_SUBTITLE", "text", "Subtitel"],
    ["TAG_ALINEA_LINKS_n", "file; file; textarea", "Afbeelding boven alinea links; Afbeelding onder alinea links; Alineatekst links"],
    ["TAG_ALINEA_RECHTS_n", "file; file; textarea", "Afbeelding boven alinea rechts; Afbeelding onder alinea rechts; Alineatekst rechts"]
);

function alinea(imgBoven, imgOnder, text)
{
    this.imgBoven = imgBoven;
    this.imgOnder = imgOnder;

    this.text = text;

    this.genHTML = genHTML;
}

function genHTML()
{
    output = '<p>';
    if (this.imgBoven != '')    output += '[img]"../Content/Images/'[/img]<br />'
    if (this.text != '')        output += this.text;
    if (this.imgOnder != '')    output += '[img]"../Content/Images/'[/img]';
    output += '</p>';

    return output;
}

title = '';
subtitle = '';

alineasLeft  = '';
alineasRight = '';

for (i = 0; i < content_tags.length; i++)
{
    if (content_tags[i][0] == 'TAG_TITLE')
    {
        title = content_tags[i][1];
        continue;
    }

    if (content_tags[i][0] == 'TAG_SUBTITLE')
    {
        subtitle = content_tags[i][1];
        continue;
    }

    if (content_tags[i][0].indexOf('ALINEA_LINKS') != -1)
    {
        tmp = new alinea(content_tags[i][1], content_tags[i][2], content_tags[i][3]);
        alineasLeft += tmp.genHTML();

        continue;
    }

    if (content_tags[i][0].indexOf('ALINEA_RECHTS') != -1)
    {
        tmp = new alinea(content_tags[i][1], content_tags[i][2], content_tags[i][3]);
        alineasRight += tmp.genHTML();

        continue;
    }
}


tplBody = ''
    + '<table border="0" cellspacing="0" cellpadding="0" width="100%">'
    + ' <tr>'
    + '     <td width="50%" valign="top" class="contentTxt" style="padding-right:20px">' + alineasLeft  + '&nbsp;</td>'
    + '     <td width="50%" valign="top" class="contentTxt">' + alineasRight + '&nbsp;</td>'
    + ' </tr>'
    + '</table>';

theTemplate ='<span class="kopTxt">' + title + '</span>'
    + '<p>' + tplBody + '</p>';

document.write(theTemplate);

[Rowanov]

Ik denk dat je je toch echt zelf moet gaan verdiepen in js; je kan opzicht wel de codes creatief knippen en plakken aangezien je aangeeft wel te zien wat wat er uit spuugt. Dus bij tplBody meer regels toevoegen op exact dezelfde manier die in je code is gebruikt.

[Verwijderd]

Rowanov schreef op maandag 19 juni 2006 @ 21:03:
Ik denk dat je je toch echt zelf moet gaan verdiepen in js; je kan opzicht wel de codes creatief knippen en plakken aangezien je aangeeft wel te zien wat wat er uit spuugt. Dus bij tplBody meer regels toevoegen op exact dezelfde manier die in je code is gebruikt.

Dat moet ik zeker gaan doen. Ik zit echter wat krap in de tijd ivm een opleiding die ik momenteel al volg bij mijn werkgever.

Ik had het idee dat het heel simpel was, maar dat blijkt dus niet het geval te zijn? Ik besteed het anders wel uit aan de programmeerafdeling hier (ik dacht echt dat het even een stukje kopieeren was).

[André]

Dat jij krap zit in je tijd is voor ons geen reden om het maar voor je te gaan doen. Het is echt de bedoeling dat je het zelf doet, en als je er niet uit komt kun je om advies vragen.

[BtM909]

Dus