iframe beschreibbar machen...

[Headymaster]

Hallo!

Ich würde gerne den iframe beschreibbar machen, sodass man ihn im IE sowie auch in anderen Browsern wie firefox beschreiben kann...

Aber ich bekomm des einfach net hin.

momentan habe ich den iframe so:

<tr>
			    <td bgcolor="#CCCCCC">
		          <iframe class="gb_bb" name="inhalt" width="100%">
		          </iframe>
				</td>
			  </tr>

Also wie ihr bestimmt mitbekommt soll das ganze für nen RichEditor dienen

Würde muich total über ne Hilfe freuen

MFG Niels

 

[Thomas Lindner]

nutze die document.write "Funktion" von JavaScript (siehe auch SelfHTML)

 

[Headymaster]

Hmm habe das nun erstma so gemacht:

function load()
{
	getIFrameDocument('bb_frame').designmode = "on";
	document.getElementById('bb_frame').contentWindow.focus();
}

Diese Funktion wird über ein onload im Body geladen.....
Aber das Prob ist. es geht irgendwie nicht^^ ich kann den iframe immer noch net beschreiben.
Würde mich echt über Hilfe freuen, denn ich kenn mich in javascript null aus, aber ich brauch es halt auch nur fürs rich editing.....den rest mache ich ja alles per PHP.

MFG Niels

 

[Matthias Reitinger]

Hallo,

schau mal hier: Rich-Text Editing in Mozilla

Am einfachsten ist es allerdings, wenn du die Klasse xbDesignMode verwendest.

Grüße,
Matthias

 

[Headymaster]

Also habe das ganze nun so:

javascript:

function load()
{
	getIFrameDocument('bb_frame').designmode = "on";
}

function getIFrameDocument(aID){
  // if contentDocument exists, W3C compliant (Mozilla)
  if (document.getElementById(aID).contentDocument){
    return document.getElementById(aID).contentDocument;
  } else {
    // IE
    return document.frames[aID].document;
  }
}

function text_format(command, parameter)
{
	getIFrameDocument('bb_frame').execCommand(command,false, parameter);
	document.getElementById('bb_frame').contentWindow.focus();
}

richeditor.html:

<form action="index.php?s=gb.php" method="post">
    <tr>
	    <td class="gb_add"><b>[gb_name]:</b></td>
		<td class="gb_add"><input type="text" name="name" class="form"></td>
	</tr>
	<tr>
	    <td class="gb_add"><b>[gb_email]:</b></td>
		<td class="gb_add"><input type="text" name="email" class="form"></td>
	</tr>
	<tr>
	    <td class="gb_add"><b>[gb_title]:</b></td>
		<td class="gb_add"><input type="text" name="title" class="form"></td>
	</tr>
	<tr>
	    <td class="gb_add"><b>[gb_text]:</b></td>
		<td class="gb_add">
		   <table>
		     <div align="center">
			  <tr>
			    <td bgcolor="#CCCCCC">
				  <a href="#" onclick="text_format('bold', '');"><img src="inc/images/actions/text_bold.gif"></a>
				  <a href="#"><img src="inc/images/actions/text_italic.gif"></a>
				  <a href="#"><img src="inc/images/actions/text_underline.gif"></a>
		          <a href="#"><img src="inc/images/actions/text_align_left.gif"></a>
				  <a href="#"><img src="inc/images/actions/text_align_justify.gif"></a>
				  <a href="#"><img src="inc/images/actions/text_align_right.gif"></a>
				  <a href="#"><img src="inc/images/actions/text_color.gif"></a>
				  <select class="form">
				     <option>Size</option>
				     <option>+1</option>
					 <option>+2</option>
					 <option>+3</option>
					 <option>+4</option>
					 <option>+5</option>
				  </select>
				  <select class="form">
				     <option>Font</option>
				     <option>Arial</option>
					 <option>Courier</option>
					 <option>Times New Roman</option>
				  </select>
				</td>
			  </tr>
			  <tr>
			    <td bgcolor="#CCCCCC">
				  <a href="#"><img src="inc/images/actions/link_add.gif"></a>
				  <a href="#"><img src="inc/images/actions/image_add.gif"></a>
				</td>
			  </tr>
			  <tr>
			    <td bgcolor="#CCCCCC" width="100%">
		          <iframe class="gb_bb" name="inhalt" id="bb_frame">
		          </iframe>
				</td>
			  </tr>
			 </div>
		   </table>
		</td>
	</tr>
	<tr>
	    <td class="gb_add"></td>
	    <td class="gb_add"><input type="submit" name="send" value="[add_name]" class="form"></td>
	</tr>
</form>

Die Funktion load wird über den body-tag aufgerunfen per onload.

Ich weiß echt net mehr weiter

MFG Niels

 

[Matthias Reitinger]

Hallo,

die zu ändernde Eigenschaft heißt designMode, nicht designmode.

Grüße,
Matthias

 

[Headymaster]

oha also macht dass schon nen Unterschied bei groß und klein schreiben bei JavaScript?

Ich habe noch nie etwas mit Javascript progrmmiert deswegen habe ich da echt null Ahnung

Danke dir ich werde es gleich mal testen.

MFG Niels


//edit

Also es geht jetzt wunderbar....im IE und in Firefox

Vielen Dank nochmal

MFG Niels

 

[Headymaster]

So nun habe ich aber nochmal ne Frage

Also mir ist überhaupt net klar, wie ich den den Inhalt des Iframes nach drücken des senden buttons, also <input type="submit">, mit an das verarbeitende PHP Script liefer.

Könnt ihr mir da nochma nen Tipp geben?

Wär total nett^^

MFG Niels