RT Affinity template Uitklap probleem

[PaulusB]

Hoi ik heb een probleem dat ik ik binnen de MCP als ik een bericht wil modereren dat de selecteer buttons niet mee scrollen en het uitklappen niet werkt. Dit is met IE 9 het geval. Binnen firefox gaat het wel goed.

Zie ook http://www.phpbb.com/community/viewtopi ... &t=2150510 voor uigebreide info.

De rt folder is maar een paar files omdat ze hoofdzakelijk prosilver files aanroepen. Ik kan het probleem niet echt tracen. Binnen prosilver gaat het prima. Terwijl RT de zelfde file gebruikt. Volgens RT ben ik up2date.

Uitklappen zal een JS probleem zijn denk ik. En selecteren in IE 9 een style probleem.

Iemand enig idee hoe dit kan. Ik heb dit op beide sites die in mijn onderschrift staan.

Thanks.

[Pola]

Heb je de stijlwijzigingen van 3.0.9 naar 3.0.10 gecontroleerd in je affinity bestanden? Zie mijn laatste bericht op phpbb.com. (Op phpbb.com ben ik HGN, maar die naam was te kort voor phpbb.nl.)

[PaulusB]

Ik heb inmiddels alle code aanpassingen nagelopen van prosilver en aangepast op affinity helaas heeft het geen effect.

[Pola]

Je hebt de aanpassing in /styles/affinity/template/editor.js op de verkeerde plek gedaan. Die wijziging moet je dus ongedaan maken en een stuk verder (circa 40 regels) aanpassen.

Ik heb verder gezocht of ik de oorzaak kon vinden, maar krijg het nog niet goed boven water. Is het mogelijk dat je me de bestanden van de stijl affinity toestuurt, zodat ik die eens op mijn eigen testboard nakijk?

[PaulusB]

JS heb ik aangepast.

Ik zal het de template vanavond even sturen + rokbb waarmee je de admin kant regelt style 1 tm modules etc.

[Pola]

Ik heb de template geinstalleerd op mijn testboard en kon het probleem van de niet meescrollende selecteer knoppen en info icoontjes reproduceren (in IE8).
Ik heb inmiddels gevonden waar het probleem door veroorzaakt wordt, heb het ook in mijn testomgeving kunnen verhelpen en zie zo snel geen nadelige gevolgen.

In /styles/affinity/theme/template_ie7.css worden extra style elementen toegekend aan .postbody ul.profile-icons die ervoor zorgen dat het info icoontje en de selecteer tekst en vinkje niet mee scrollen.
Ik heb dat als volgt werkende gekregen:

Open /styles/affinity/theme/template_ie7.css

Vind:

Code: Selecteer alles

.postbody ul.profile-icons {
    zoom: 1;
    position: fixed;
    z-index: 100000000;
}

Vervang door

Code: Selecteer alles

.postbody ul.profile-icons {
    zoom: 1;
}

Bij mij werkt het uitkleppen in IE8 wel goed, maar niet in Mozilla Firefox.
In Firefox zie ik de volgende fout als je wilt uitklappen:

Code: Selecteer alles

Error: getElementById("review").getElementsByTagName is not a function

[PaulusB]

Super die css heb ik nu gefixt en werkt.

Bij mij stond er geen fixed maar relative.

Dat java scritpt wat achter het uitklappen zit. Als ik de broncode van de pagina op vraag krijg je dit,

Code: Selecteer alles

<h3 id="review">
		<span class="right-box"><a href="#review" onclick="viewableArea(getElementById('topicreview'), true); var rev_text = getElementById('review').getElementsByTagName('a').item(0).firstChild; if (rev_text.data == 'Uitklappen'){rev_text.data = 'Inklappen'; } else if (rev_text.data == 'Inklappen'){rev_text.data = 'Uitklappen'};">Uitklappen</a></span>
		Voorafgaande berichten: VR6 Club Holland Versie 3
	</h3>

Dat komt uit styles/prosilver/template/mcp_topic.html dier word dus vanuit prosilver aangeroepen maar in prosilver werkt hij wel.

[Pola]

Bij mij stond er geen fixed maar relative.

Klopt, dat stond er bij mij ook. Ik heb daar wat mee geexperimenteeerd en zie dat ik mijn gewijzigde code geplaatst heb.

Dat java scritpt wat achter het uitklappen zit. Als ik de broncode van de pagina op vraag krijg je dit,

Code: Selecteer alles

<h3 id="review">
<span class="right-box"><a href="#review" onclick="viewableArea(getElementById('topicreview'), true); var rev_text = getElementById('review').getElementsByTagName('a').item(0).firstChild; if (rev_text.data == 'Uitklappen'){rev_text.data = 'Inklappen'; } else if (rev_text.data == 'Inklappen'){rev_text.data = 'Uitklappen'};">Uitklappen</a></span>
Voorafgaande berichten: VR6 Club Holland Versie 3
</h3>

Dat komt uit styles/prosilver/template/mcp_topic.html dier word dus vanuit prosilver aangeroepen maar in prosilver werkt hij wel.

Ja, ik had het zelfde geconstateerd. Ik ben niet echt een stijl-speicalist, dus ik kan je hier niet verder mee helpen.

[PaulusB]

Hmm ik heb net veel zitten lezen over die functie maar kan er niet veel anders van maken.

[PaulusB]

Na die aanpassingen werken mijn buttons in berichten niet meer in IE9. In firefox zie je ze nog wel. Dus je post wijzigen etc. Als je er met je muis over heen gaat zie je wel de hover text van de functies.

[Pola]

Ik zie hetzelfde op mijn testforum en heb het kunnen verhelpen. De oplossing is enigszins ingrijpend omdat het info-knopje (met het vraagteken) zowel bij een bericht staat en als je het topic bekijkt via het moderatorpaneel. In IE moet het knopje zich op de ene plek anders gedragen dan op de andere plek. Daarvoor heb ik een kopie van het knopje moeten introduceren.

Open /styles/affinity/template/viewtopic_body.html

Zoek

Code: Selecteer alles

					<!-- IF postrow.U_INFO --><li class="info-icon"><a href="{postrow.U_INFO}" title="{L_INFORMATION}"><span>{L_INFORMATION}</span></a></li><!-- ENDIF -->

Vervang door

Code: Selecteer alles

					<!-- IF postrow.U_INFO --><li class="info2-icon"><a href="{postrow.U_INFO}" title="{L_INFORMATION}"><span>{L_INFORMATION}</span></a></li><!-- ENDIF -->

Open /styles/affinity/theme/buttons.css
Zoek

Code: Selecteer alles

.info-icon, .info-icon a			{ background: none top left no-repeat; }

Voeg erna in

Code: Selecteer alles

.info2-icon, .info2-icon a			{ background: none top left no-repeat; }

Zoek

Code: Selecteer alles

ul.profile-icons li.info-icon	{ width: {IMG_ICON_POST_INFO_WIDTH}px; height: {IMG_ICON_POST_INFO_HEIGHT}px; }

Voeg erna in

Code: Selecteer alles

ul.profile-icons li.info2-icon	{ width: {IMG_ICON_POST_INFO_WIDTH}px; height: {IMG_ICON_POST_INFO_HEIGHT}px; }

Zoek

Code: Selecteer alles

ul.profile-icons li.info-icon, ul.profile-icons li.report-icon	{ margin: 0 3px 0 0; }

Vervang door

Code: Selecteer alles

ul.profile-icons li.info-icon, ul.profile-icons li.info2-icon, ul.profile-icons li.report-icon	{ margin: 0 3px 0 0; }

Open /styles/affinity/theme/colours.css
Zoek

Code: Selecteer alles

.info-icon, .info-icon a			{ background-image: url("{IMG_ICON_POST_INFO_SRC}"); }

Voeg erna in

Code: Selecteer alles

.info2-icon, .info2-icon a			{ background-image: url("{IMG_ICON_POST_INFO_SRC}"); }

Open /styles/affinity/theme/template_ie7.css

Zoek

Code: Selecteer alles

/* have to hard-code these widths */

Voeg ervoor in

Code: Selecteer alles

.postbody ul.profile-icons li.edit-icon, .postbody ul.profile-icons li.delete-icon, .postbody ul.profile-icons li.report-icon, .postbody ul.profile-icons li.warn-icon, .postbody ul.profile-icons li.info2-icon, .postbody ul.profile-icons li.quote-icon,{
    zoom: 1;
    position: relative;
    z-index: 100000000;
}

Uploaden, theme en template refreshen en een harde refresh in je browser (<CTRL><F5>) geven.
Bij mij werkt het nu in FF en IE.

[PaulusB]

Idd mooie Fix Thanks voor al je inzet.

Mu nog dat uitklap probleem.

Iemand nog een idee waarom uitklappen de melding geeft in de

Code: Selecteer alles

browser Error: getElementById("review").getElementsByTagName is not a function

Terwijl hij vanuit prosilver geladen word en daar wel werkt.