✔ Javascript in Variable funktioniert nicht

Pho3nix · 25. Juni 2010

@timestamp
das Problem ist halt, dass ich das in eine Variable haben muss, sonst wird das auf der Seite ganz oben am Rand angezeigt, oder ganz unten, es soll aber in die mitte.
Deswegen funktioniert das nicht so gut. Es wäre ne möglichkeit vllt das als include in eine Variable zu speicher.... werd ich dann auch gleich ausprobieren ^^

Sven Mintel · 25. Juni 2010

Deinen Ausführungen ist nur sehr schwer zu Folgen, muss ich sagen

Mal vermutend, dass ich richtig rate, was du vorhast:
ersetze in dem Code, den du da sprintf() übergibst, alle Vorkommen von

Code:

onClick="insert(id)"

durch jenes:

Code:

onClick="insert(this.id)"

...dass dies(die IDs)ungültiges HTML ist, hat Maik ja schon gesagt, funktionieren sollte es trotzdem.

Damit das Markup valide wird, könntest du statt der ID bspw. das Attribut rel verwenden:

Code:

<a rel="[ plain][ b][ /b][ /plain]" onClick="insert(this.rel)" ><img src="design/bb-button/bold.gif" border="0" width="32" height="32"></a>
<a rel="[ plain][ i][ /i][ /plain]" onClick="insert(this.rel)" ><img src="design/bb-button/i.gif" border="0" width="32" height="32"></a>
<a rel="[ plain][ u][ /u][ /plain]" onClick="insert(this.rel)" ><img src="design/bb-button/unterline.gif" border="0" width="32" height="32"></a>
<a rel="[ plain][ img][ /img][ /plain]" onClick="insert(this.rel)" ><img src="design/bb-button/image.gif" border="0" width="32" height="32"></a>
<a rel="[ plain][ center][ /center][ /plain]" onClick="insert(this.rel)" ><img src="design/bb-button/center.gif" border="0" width="32" height="32"></a>
<a rel="[ plain]deine-url.de[ /plain]" onClick="insert(this.rel)" ><img src="design/bb-button/url.gif" border="0" width="32" height="32"></a>
<a rel="[ yt= ]" onClick="insert(this.rel)" ><img src="design/bb-button/youtube.gif" border="0" width="32" height="32"></a><br>

Pho3nix · 26. Juni 2010

mmh naja ich komme trotzdem irgendwie nicht weiter ^^ naja ich zeige mal das Problem indem ich ein screenshot mache:

also der Pfeil zeigt dort mein Problem ^^ das was javascript ausgibt, wird halt neben dem button gezeigt. Wenn ich das aber alles ohne diese Php variablen machen klappt es, .... aber ich möchte das gerne in eine Variable drinne habn ^^

Maik · 26. Juni 2010

Kannst du mal den geparsten PHP-Code zeigen, also was der Server an den Browser als HTML-Code übergibt (Browser -> Ansicht -> Seitenquelltext anzeigen)?

mfg Maik

Sven Mintel · 26. Juni 2010

Aus dem bisher von dir geposteten Code geht der Fehler lt. Screenshot nicht hervor.

Das ganze auf ein Minimum reduziert:

PHP:

<?php

$zeile=sprintf('
<script type="text/javascript">
function insert(id)
{
document.getElementById("eingabe").value = document.getElementById("eingabe").value + id;
}

</script>
<a rel="[ b][ /b]" onClick="insert(this.rel)" ><img src="design/bb-button/bold.gif" border="0" width="32" height="32"></a>
<a rel="[ i][ /i]" onClick="insert(this.rel)" ><img src="design/bb-button/i.gif" border="0" width="32" height="32"></a>
<a rel="[ u][ /u]" onClick="insert(this.rel)" ><img src="design/bb-button/unterline.gif" border="0" width="32" height="32"></a>
<a rel="[ img][ /img]" onClick="insert(this.rel)" ><img src="design/bb-button/image.gif" border="0" width="32" height="32"></a>
<a rel="[ center][ /center]" onClick="insert(this.rel)" ><img src="design/bb-button/center.gif" border="0" width="32" height="32"></a>
<a rel="deine-url.de" onClick="insert(this.rel)" ><img src="design/bb-button/url.gif" border="0" width="32" height="32"></a>
<a rel="[ yt= ]" onClick="insert(this.rel)" ><img src="design/bb-button/youtube.gif" border="0" width="32" height="32"></a><br>
<textarea name="message" cols="53" rows="10" id="eingabe"></textarea><br> 
');

 echo sprintf('<form name="formular" method="post">
       <h2>Titel:</h2>
      <input type="text" name="titel" value="" SIZE="50" maxlength="30"><br><br>
      <h2>Dein Text:</h2>
      %s<br>
      <input type="submit" value="Hinzufügen" name="aendern">
                  </form>',$zeile);
?>

...kein Fehler!

Pho3nix · 26. Juni 2010

ich lasse mal den css bereich wech...

HTML:

<body id="page1">
	<div class="tail-top">
      <div id="main">

         <!-- header -->
         <div id="header">
            <div class="row-1">
            	<div class="fleft"><a href="WhE-Community"><img alt="" src="design/images/logo.jpg" /></a></div>

               <div class="fright">
             
                  </form>
               </div>
            </div>
            <div class="row-2">

            	<ul id="top-menu">
               	  <li><a href="index.php">Home</a></li>
                  <li><a href="index.php?page=kontakt">Kontakt</a></li>

                  <li><a href="index.php?page=gb">G&auml;stebuch</a></li>
               </ul>
            </div>
         </div>

         <!-- content -->
         <div id="content">
         	<div class="wrapper">

            	<div id="left-side">
               	<div class="box">
                  	<div class="border-right">
                     	<div class="border-bot">
                        	<div class="border-left">
                           	<div class="left-top-corner">

                              	<div class="right-top-corner">
                                 	<div class="right-bot-corner">

                                    	<div class="left-bot-corner">
                                       	<div class="inner">
                                          	<ul id="site-nav">
                                             	<li><a href="index.php?page=news">News</a><br></li><li><a href="index.php?page=kalender">Kalender</a><br></li><li><a href="index.php?page=download">Downloads</a><br></li><li><a href="index.php?page=multi">multimedia</a><br></li>
                                                </ul>
                                          </div>
                                       </div>

                                    </div>

                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  
                  <div class="title-box">

                  	<div class="left">
                     	<div class="right">
                        	<h2>Statistiken</h2>
                            <div class="bg">
                          Besucher bisher: 12<br>
Besucher in den letzten 30 Tagen: 10<br>
Besucher in den letzten 24h: 1

                            </div>
                        </div>

                     </div>
                  </div><br>
                  <div class="title-box">
                  	<div class="left">
                     	<div class="right">
                        	<h2>Box 2</h2>
                            <div class="bg">
                          some content
                            </div>

                        </div>
                     </div>
                  </div><br>
                  <div class="box1">
                  	<div class="border-right">
                     	<div class="border-bot">
                        	<div class="border-left">
                           	<div class="left-top-corner">

                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>

               <div id="right-side">
               	<div class="box2">

                  	<div class="border-right">
                     	<div class="border-bot">
                        	<div class="border-left">
                           	<div class="left-top-corner">
                              	<div class="right-top-corner">
                                    <div class="left-bot-corner">
                                       <div class="right-bot-corner">

                                          <div class="inner">

                                                       <h1><div class="aligncenter">G&auml;stebuch</div></h1><br><hr><br><form name="formular" method="post">
       <h2>Titel:</h2>
      <input type="text" name="titel" value="" SIZE="50" maxlength="30"><br><br>
      <h2>Dein Text:</h2>
      
<script type="text/javascript">
function insert(id)
{
document.getElementById("eingabe").value = document.getElementById("eingabe").value + id;
}

</script>
<a id="[ b][ /b]" onClick="insert(this.id)" ><img src="design/bb-button/bold.gif" border="0" width="32" height="32"></a>
<a id="[ i][ /i]" onClick="insert(this.id)" ><img src="design/bb-button/i.gif" border="0" width="32" height="32"></a>

<a id="[ u][ /u]" onClick="insert(this.id)" ><img src="design/bb-button/unterline.gif" border="0" width="32" height="32"></a>
<a id="[ img][ /img]" onClick="insert(this.id)" ><img src="design/bb-button/image.gif" border="0" width="32" height="32"></a>
<a id="[ center][ /center]" onClick="insert(this.id)" ><img src="design/bb-button/center.gif" border="0" width="32" height="32"></a>
<a id="deine-url.de" onClick="insert(this.id)" ><img src="design/bb-button/url.gif" border="0" width="32" height="32"></a>
<a id="[ yt= ]" onClick="insert(this.id)" ><img src="design/bb-button/youtube.gif" border="0" width="32" height="32"></a><br>
<textarea name="message" cols="53" rows="10" id="eingabe"></textarea><br>
<br>
      <input type="submit" value="Hinzufügen" name="aendern">
                  </form><br><hr><br><br>
                                                <div class="rating">
                                             </div>
                                          </div>

                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>

                  
                  <div class="box1">

                  	<div class="border-right">
                     	<div class="border-bot">
                        	<div class="border-left">
                           	<div class="left-top-corner">
                              	<div class="right-top-corner">
                                    <div class="left-bot-corner">
                                       <div class="inner1">

                                          <h3>Quick Links</h3>

                                          <div class="quick-links">
                                          | &nbsp;<a href="index.php?page=news">News</a>&nbsp; |&nbsp;<a href="index.php?page=kalender">Kalender</a>&nbsp; |&nbsp;<a href="index.php?page=download">Downloads</a>&nbsp; |&nbsp;<a href="index.php?page=multi">multimedia</a>&nbsp; |&nbsp;

                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>

               </div>

            </div>
         </div>
         <!-- footer -->
         <div id="footer">
         	<div class="footer-box">
            	<div class="left">
               	<div class="right">

                  	<p>Code by Pho3niX &nbsp; | &nbsp; WhE-Communty &copy; 2010 &nbsp; | &nbsp; <a href="index.php?page=impressum">Impressum</a></p>

                  </div>
               </div>

            </div>
         </div>
      </div>
   </div>
</body>
</html>

Maik · 26. Juni 2010

Funktioniert bei mir einwandfrei.

Screenshot reiche ich bei Bedarf gerne nach ;-)

mfg Maik

Pho3nix · 26. Juni 2010

ja das is ja auch nicht das Problem, als HTML Quelltext funktioniert es bei mir auch! Hab ich grad getestet ^^ nur in zusammenhang mit der Seite halt nicht...
is schon komisch

und im IE wird nur einmal das eingesetzt in die textarea, dann gleiches Problem

Maik · 26. Juni 2010

Pho3nix hat gesagt.:
ja das is ja auch nicht das Problem, als HTML Quelltext funktioniert es bei mir auch! Hab ich grad getestet ^^ nur in zusammenhang mit der Seite halt nicht...

Wie, im Zusammenhang mit der Seite?

Der Code, den du eben gepostet hast, umfasst doch eine Seite? Und den hab ich eben komplett zum Testen übernommen.

Vielleicht solltest du mal besser zur Abwechslung den Link zu dieser störungsbelasteten Seite nennen, anstelle der Verweise zu irgendwelchen bunten Bildchen.

mfg Maik

Pho3nix · 26. Juni 2010

mmh ja ... also aufn webserver hab ich die Seite nicht.

Naja ich lad se mal hoch ^^
Link editier ich dann gleich mal rein

so hier ist der Link: http://www.chw-community.drmckays.de/index.php?page=gb

✔ Javascript in Variable funktioniert nicht

Pho3nix

Mitglied

Sven Mintel

Mitglied

Pho3nix

Mitglied

Maik

Sven Mintel

Mitglied

Pho3nix

Mitglied

Maik

Pho3nix

Mitglied

Maik

Pho3nix

Mitglied

Neue Beiträge