Beiträge von darezettl

darezettl

Sers Leute,

also ich hab in meinem Forum da zwei Javascripts am Laufen, eins ist für BBCode und macht so nen Fade Effekte auf nen Text, das andere ist auch für BBCode und lässt ne Textbox auf und zuklappen wenn man auf nen Link klickt.
Im Firefox funzen beide super, im Internet Explorer spinnt das mit der TextBox ein bisschen, dann erscheint der Text-Link zum auf und zu klappen nicht mehr.
Sobald ich das Fade Teil wieder rausnehm, klappts wunderbar.

Firefox hat wie gesagt keine Probleme damit, nur der IE..

Hier wären die beiden javascripte:
http://connect.co.funpic.de/phpBB2/bbcode_box/fade.js (FADE Effect)
http://connect.co.funpic.de/phpBB2/templat…pand_bbcodes.js (Text auf und zuklappen)

Kann mir einer sagen, was ich verändern muss, dass auch der IE beide akzeptiert und nicht immer nur eins von beiden?

Thx

darezettl

Moinsen,

das Problem der alten BBCode Box war ja unter anderem, dass wenn man im Firefox ein Smilie mitten in den Text durch Draufklicken einfügen wollte, wurde es nicht an der gewünschten Stelle sondern am Ende des Textes eingefügt.

nun hat Reddog mit seiner neuen BBCode Box das gefixt, und auch ich hab meine alte BBCode Box nachgerüstet. Funzt auch prima in posting_body und auch im quick reply.

im photoalbum gibts - wenn man das sp1 drinnen hat - beim betrachten des fotos darunter auch ne textbox mit smilies daneben, und ich hab hab einefach keine Ahnung wie ich diese auch noch Firefox kompatibel machen kann, weil da der Code vollkommen anders aussieht als bei posting / quick reply..

so sieht der code vom album aus:

Code

<script language="JavaScript" type="text/javascript">
<!--
function checkForm() {
	formErrors = false;


	if ((document.commentform.comment.value.length < 2) && (document.commentform.rate.value == -1))
	{
		formErrors = "{L_COMMENT_NO_TEXT}";
	}
	else if (document.commentform.comment.value.length > {S_MAX_LENGTH})
	{
		formErrors = "{L_COMMENT_TOO_LONG}";
	}


	if (formErrors) {
		alert(formErrors);
		return false;
	} else {
		return true;
	}
}
 function storeCaret(textEl) {
        if (textEl.createTextRange) textEl.caretPos = document.selection.createRange().duplicate();
 }

//how to add smilies
function emotions(text) 
{
        if (document.commentform.comment.createTextRange && document.commentform.comment.caretPos) 
        {
            var caretPos = document.commentform.comment.caretPos;
            caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
            document.commentform.comment.focus();
        } 
        else 
        {
            document.commentform.comment.value += text;
            document.commentform.comment.focus();
        }
}


//pops up a window with all smilies
function openAllSmiles()
{
		smiles = window.open('album_showpage.php?mode=smilies', '_phpbbsmilies', 'HEIGHT=500,resizable=yes,scrollbars=yes,WIDTH=663');
	  smiles.focus();
	  return true;
}
// -->
</script>

Alles anzeigen

und hier der (firefox-freundliche) Code aus meiner quick_reply.tpl

Code

function storeCaret(textEl) {
	if (textEl.createTextRange) textEl.caretPos = document.selection.createRange().duplicate();
}


function emoticon(text) {
	var txtarea = document.post.message;
	text = '' + text + '';
	if (txtarea.createTextRange && txtarea.caretPos) {
		if (baseHeight != txtarea.caretPos.boundingHeight) {
			txtarea.focus();
			storeCaret(txtarea);
		}
		var caretPos = txtarea.caretPos;
		caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == '' ? caretPos.text + text + '' : caretPos.text + text;
		txtarea.focus();
	} else
	if (txtarea.selectionEnd && (txtarea.selectionStart | txtarea.selectionStart == 0))
	{ 
		mozWrap(txtarea, text, "");
		return;
	} else {
		txtarea.value  += text;
		txtarea.focus();
	}
}

Alles anzeigen

(Codeauszug)

Jemand ne Ahnung wie man den oberen Code auch FF-freundlichen machen könnte?

darezettl

Ich habe auf meiner Website alle horizonatlen Scrollbars verboten, und zwar mit diesem Code:

Code

<style type="text/css">
html,body {margin:0; padding:0;}
html {background-color:white;}
body {border:0px solid white; margin:0px;}
</style>


<!--[if gte IE 6]>
<style type="text/css">
html {overflow-x:hidden;}
body {margin-right:28px;}
</style>
<![endif]-->

Alles anzeigen

Im Internet Explorer klappt das auch wunderbar, der Firefox zeigt sie jedoch an.

Meine Frage wäre nun: Wie schaffe ich es, dass auch der Firefox keine horziontalen Scrollbars auf meiner Website mehr anzeigt?

Thanks in advance guys!!

darezettl

hm das das ganze will ich bei meiner website (forum).
die smiles dort sind alle so zwischen 15 und 20 kb groß, bei den anderen usern isses wurscht die ham alle dsl (ist ein privates forum), nur ich hab isdn..

gibts da echt nicht wie der firefox die smilies immer im cache behalten könnte?

darezettl

wie und wo kann ich es einstellen, dass bei einer website meiner wahl alle grafiken die beim letzten besuch auch schon geladen wurden, für immer im cache beliben und nur die neu dazugekommen geladen werden müssen?

darezettl

hm ich sollte wohl besser fragen welchen firefox + add-on's habt ihr installiert?

darezettl

Hi besucht doch mal mit firefox meine website http://www.phpbb-olympus.de (das portal) und sagt mit ob es bei euch richtig angezeigt wird.
bei mir ist es so: klick auf den link zum portal wird alles verschoben angezeigt, klick auf dann auf irgendeinen anderen link und dann beim firefox auf den zurückbutton wird die seite (portal) korrekt angezeigt.
bei ie wird das portal immer korrekt angezeigt..
kann mir jemand nen tipp geben woran das liegt?

darezettl

danke habs nun hingekriegt.
hier die lösung...

Code

<center>
<!-- BEGIN site_warning -->
<table width="100%" border="0">
  <tr>
    <td>
    <div style="border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; background-color:#F4FFF4">
      <marquee behavior="scroll" direction="left" scrolldelay="100" scrollamount="5">
      <span class="gen" style="color:#FF0000; font-weight:bold;">{site_warning.SITE_WARNING}</marquee>
    </div>
    </td>
  </tr>
</table>
<!-- END site_warning -->
</center>

Alles anzeigen

darezettl

ich hab in meiner seite ne kleine laufschrift im header durchlaufen.
um diese ist ein rahmen rum.
im IE wird er schön dünn angezeigt, und die "inhaltsfarbe" ist auch dieses grün wie ich es will.
im firefox dagegen ist der rand hässlichst dick und die "inhaltsfarbe" ist auch verschwunden.

--> http://www.flirt1.de

hier der code:

Code

<center>
<!-- BEGIN site_warning -->
<table width="100%" border="0">
  <tr>
    <td>
    <div style="border-style: solid; border-width: 1; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1">
      <span style="background-color: #F4FFF4"><marquee behavior="scroll" direction="left" scrolldelay="100" scrollamount="5">
      <span class="gen" style="color:#FF0000; font-weight:bold;">{site_warning.SITE_WARNING}</marquee>
    </div>
    </td>
  </tr>
</table>
<!-- END site_warning -->
</center>

Alles anzeigen

was muss man ändern damits so wie im IE aussieht?

darezettl

Zitat von Mac

Code

function domouseover() { 
if(document.all) { 
clearTimeout(timerID); 
theElement = event.srcElement; 
theTagName = theElement.tagName; 
theClassName = theElement.className; 
theUniqueID = theElement.uniqueID; 
if ((theTagName == "A" && autoFade) || theClassName == "fade" || (sloppyClass && theClassName.indexOf("fade") != -1)) { 
//alert(theElement); 
fade(startColor,endColor,theUniqueID,stepIn); 
timerID = setTimeout('pulsedown()',500); 
} 
}

Alles anzeigen

Macht sich nicht gut, das document.all() lieber getElementbyID()

äh.. das war wohl nix.
damit funzt das ganze teil nimmer......

also gibts keine möglichkeit dass auch der firefox auf die rollover.js zurückgreift und diese dann umsetzt?!?

darezettl

genau, opera kann das auch noch!

ok, dann eins noch.
mein rollover effekt wird mit einem javascript (rollover.js) gesteurt, im IE funzt es auch, im firefox dagegen nicht.
hier der inhalt der rollover.js

Code

/************* 
**** <config> 
**/ 
startColor = "#006400"; // MouseOut link color 
endColor = "#F4F7F7"; // MouseOver link color 


stepIn = 20; // delay when fading in 
stepOut = 20; // delay when fading out 


/* 
** set to true or false; true will 
** cause all links to fade automatically 
***/ 
autoFade = true; 
/* 
** set to true or false; true will cause all CSS 
** classes with "fade" in them to fade onmouseover 
***/ 
sloppyClass = true; 
/** 
**** </config> 
**************/ 
/************* 
**** <install> 
** 
** 
**** </install> 
**************/ 


hexa = new makearray(16); 
for(var i = 0; i < 10; i++) 
hexa[i] = i; 
hexa[10]="a"; hexa[11]="b"; hexa[12]="c"; 
hexa[13]="d"; hexa[14]="e"; hexa[15]="f"; 


document.onmouseover = domouseover; 
document.onmouseout = domouseout; 


startColor = dehexize(startColor.toLowerCase()); 
endColor = dehexize(endColor.toLowerCase()); 


var fadeId = new Array(); 
var timerID = 0; 
var theElement,theTagName,theClassName,theUniqueID 


function dehexize(Color){ 
var colorArr = new makearray(3); 
for (i=1; i<7; i++){ 
for (j=0; j<16; j++){ 
if (Color.charAt(i) == hexa[j]){ 
if (i%2 !=0) 
colorArr[Math.floor((i-1)/2)]=eval(j)*16; 
else 
colorArr[Math.floor((i-1)/2)]+=eval(j); 
} 
} 
} 
return colorArr; 
} 


function domouseover() { 
if(document.all) { 
clearTimeout(timerID); 
theElement = event.srcElement; 
theTagName = theElement.tagName; 
theClassName = theElement.className; 
theUniqueID = theElement.uniqueID; 
if ((theTagName == "A" && autoFade) || theClassName == "fade" || (sloppyClass && theClassName.indexOf("fade") != -1)) { 
//alert(theElement); 
fade(startColor,endColor,theUniqueID,stepIn); 
timerID = setTimeout('pulsedown()',500); 
} 
} 
} 


function pulseup() { 
if(document.all) { 
clearTimeout(timerID); 
if ((theTagName == "A" && autoFade) || theClassName == "fade" || (sloppyClass && theClassName.indexOf("fade") != -1)) { 
//alert(theElement); 
fade(startColor,endColor,theUniqueID,stepIn); 
timerID = setTimeout('pulsedown(theElement)',500); 
} 
} 
} 


function pulsedown(theElement) { 
if (document.all) { 
clearTimeout(timerID); 
if ((theTagName == "A" && autoFade) || theClassName == "fade" || (sloppyClass && theClassName.indexOf("fade") != -1)) { 
//alert(theElement); 
fade(endColor,startColor,theUniqueID,stepOut); 
timerID = setTimeout('pulseup()',500); 
} 
} 
} 




function domouseout() { 
if (document.all) { 
clearTimeout(timerID); 
var srcElement = event.srcElement; 
if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) 
fade(endColor,startColor,srcElement.uniqueID,stepOut); 
} 
} 


function makearray(n) { 
this.length = n; 
for(var i = 1; i <= n; i++) 
this[i] = 0; 
return this; 
} 


function hex(i) { 
if (i < 0) 
return "00"; 
else if (i > 255) 
return "ff"; 
else 
return "" + hexa[Math.floor(i/16)] + hexa[i%16];} 


function setColor(r, g, b, element) { 
var hr = hex(r); var hg = hex(g); var hb = hex(b); 
element.style.color = "#"+hr+hg+hb; 
} 


function fade(s,e, element,step){ 
var sr = s[0]; var sg = s[1]; var sb = s[2]; 
var er = e[0]; var eg = e[1]; var eb = e[2]; 


if (fadeId[0] != null && fade[0] != element){ 
setColor(sr,sg,sb,eval(fadeId[0])); 
var i = 1; 
while(i < fadeId.length){ 
clearTimeout(fadeId[i]); 
i++; 
} 
} 


for(var i = 0; i <= step; i++) { 
fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " *(( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" + 
step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" +step+ 
")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step+ ")),"+element+");",i*step); 
} 
fadeId[0] = element; 
}

Alles anzeigen

kann man das dem firefox irgendwie auch beibringen oder geht das nicht?

danke jungs für eure schnelle hilfe bisher!

darezettl

saucool, danke.

dann das nächste.
der scrollbalken rechts hat in den anderen browsern ne farbe (in meinem fall grün), im firefox dagegen nicht.
kann man das auch noch ändern?

darezettl

äh... kannst du das vllt. schnell im code den ich gepostet hab ausbessern.. weil ich check grad gar nix.
danke

darezettl

Moin Moin,

vorab: ich finde den Firefox 1.0 nur noch geil und er ist meiner Meinung nach der beste Browser im Moment.
Ich habe selbst eine Website ( http://www.sx1-forum.de ).
Nur das Problem ist, das die Navigations-Reiter ganz oben im Firefox (und nur im Firefox) nicht mittig sondern nach links angeordnet werden.

Screenshots: So sollte es aussehen (und sieht es auch bei allen Browsern außer Firefox aus): - Bild - und so sieht es im Firefox aus: - Bild -

Hier ist der Quellcode dazu:

Code

<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TBODY>
  <TR>
    <TD><IMG height=10 alt="" 
      src="images/spacer.gif" 
      width=12></TD><center>
    <TD align=middle width="100%">
      <TABLE cellSpacing=0 cellPadding=0 width=400 border=0>
        <TBODY>
        <TR><center>
<td><a href="news_viewnews.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_news.gif" width="80" height="26" border="0" alt="News" title="{L_RULES}" /></a></td>
<td><a href="hacks_list.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_mod_faq.gif" width="80" height="26" border="0" alt="Board-Modifikationen" title="{L_RULES}" /></a></td>
<td><a href="viewonline.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_whosonline.gif" width="80" height="26" border="0" alt="Zeigt an, wer gerade online ist!" title="{L_RULES}" /></a></td>
<td><a href="rules.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_rulez.gif" width="80" height="26" border="0" alt="Unsere Boardregeln. Bitte beachten!" title="{L_RULES}" /></a></td>
<td><a href="map.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_locator.gif" width="80" height="26" border="0" alt="Locator" title="{L_RULES}" /></a></td>
<td><a href="calendar.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_kalender.gif" width="80" height="26" border="0" alt="Alle wichtigen Termine im Überblick" title="{L_RULES}" /></a></td>
<td><a href="buddylist.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_buddyliste.gif" width="80" height="26" border="0" alt="Fügt das SX1-Forum zu Ihren Favoriten hinzu" title="{L_RULES}" /></a></td>
<td><a href="activity.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_spiele.gif" width="80" height="26" border="0" alt="Langeweile? Zockt doch ein bisschen.." title="{L_RULES}" /></a></td>
<td><a href="statistics.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_statistics.gif" width="80" height="26" border="0" alt="Board Statistiken" title="{L_RULES}" /></a></td>
<td><a href="downloads.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_downloads.gif" width="80" height="26" border="0" alt="Downloads" title="{L_RULES}" /></a></td>
<td><a href="staff.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_team.gif" width="80" height="26" border="0" alt="Wer hat hier das Sagen?" title="{L_RULES}" /></a></TD></center></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TBODY>
  <TR>
    <TD><IMG height=10 alt="" 
      src="images/spacer.gif" 
      width=12></TD></center><center>
    <TD align=middle width="100%">
      <TABLE cellSpacing=0 cellPadding=0 width=400 border=0>
        <TBODY>
        <TR><center>
          <TD><a href="portal.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_portal.gif" width="80" height="26" border="0" alt="Zum Portal" title="{L_PORTAL}" /></a></td>
<td><a href="{U_INDEX}"><img src="templates/fiapplegreen/images/{LANG}top_bar_index.gif" width="80" height="26" border="0" alt="Ins Forum" title="{L_INDEX}" /></a></td>
<td><a href="album.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_album.gif" width="80" height="26" border="0" alt="Zum Album" title="{L_ALBUM}" /></a></td>
<td><a href="{U_FAQ}"><img src="templates/fiapplegreen/images/{LANG}top_bar_faq.gif" width="80" height="26" border="0" alt="Frequently Asked Questions" title="{L_FAQ}" /></a></td>
<td><a href="{U_MEMBERLIST}"><img src="templates/fiapplegreen/images/{LANG}top_bar_memberlist.gif" width="80" height="26" border="0" alt="Unsere Mitglieder" title="{L_MEMBERLIST}" /></a></td>
<td><a href="{U_SEARCH}"><img src="templates/fiapplegreen/images/{LANG}top_bar_search.gif" width="80" height="26" border="0" alt="{L_SEARCH}" title="{L_SEARCH}" /></a></td>
<td><a href="usercars_list.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_usergarage.gif" width="80" height="26" border="0" alt="Die Autos der User" title="{L_RULES}" /></a></td>
<td><a href="{U_GROUP_CP}"><img src="templates/fiapplegreen/images/{LANG}top_bar_usergroups.gif" width="80" height="26" border="0" alt="{L_USERGROUPS}" title="{L_USERGROUPS}" /></a></td>
<td><a href="links.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_links.gif" width="80" height="26" border="0" alt="Cool Links" title="{L_LINKS}" /></a></td>
<td><a href="{U_PROFILE}"><img src="templates/fiapplegreen/images/{LANG}top_bar_profile.gif" width="80" height="26" border="0" alt="{L_PROFILE}" title="{L_PROFILE}" /></a></td>
<td><a href="{U_PRIVATEMSGS}"><img src="templates/fiapplegreen/images/{LANG}top_bar_inbox.gif" width="80" height="26" border="0" alt="{PRIVATE_MESSAGE_INFO}" title="{PRIVATE_MESSAGE_INFO}" /></a></td>
<!-- BEGIN switch_user_logged_in -->
<td><a href="{U_LOGIN_LOGOUT}"><img src="templates/fiapplegreen/images/{LANG}top_bar_logout.gif" width="80" height="26" border="0" alt="{L_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" /></a></td>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<td><a href="{U_REGISTER}"><img src="templates/fiapplegreen/images/{LANG}top_bar_register.gif" width="80" height="26" border="0" alt="{L_REGISTER}" title="{L_REGISTER}" /></a></td>
<!-- END switch_user_logged_out --></center></TR></TBODY></TABLE></center></TD></TR></TBODY></TABLE>

Alles anzeigen

Kann man da was machen, dass die Navi-Reiter auch im Firefox mittig angeordnet werden?

Vielen Dank schon mal im Vorraus für eure Hilfe!

Greetz, Darezettl

Beiträge von darezettl

2 Java Scripts blockieren sich

Smilie Einfügen: Firefox Problem

Horizontale SCrollbars auf Website ausblenden

Eine EINZIGE website soll immer im cache sein

Eine EINZIGE website soll immer im cache sein

Kleine Ungereimtheit mit <table>

Kleine Ungereimtheit mit <table>

Kleines Schönheitsproblem

Kleines Schönheitsproblem

Firefox Problem mit "align=middle"

Firefox Problem mit "align=middle"

Firefox Problem mit "align=middle"

Firefox Problem mit "align=middle"

Firefox Problem mit "align=middle"