✔ Javascript Platzhalter funktioniert mal und mal nicht.

Jennesta

Jennesta

Erfahrenes Mitglied
Hey Leute,
ich bekomme hier an meinem Rechner ne Kriese wenn ihr mir nicht helfen könnt ;)
Erstmal poste ich den Code.
<html>
<head>
<title>Platzhalter</title>
</head>
<script text="type/javascript">
function show()
{
document.getElementById("display").style.display = "block"

}
function hide()
{
document.getElementById("display").style.display = "none"
}
</script>
<body>
<input name="show" type="button" value="show" onclick="show()">
<input name="hide" type="button" value="hide" onclick="hide()">
<p>
<div id="display" style="display:none;background-color:#E7E7E7;border-style:inset;border-color:#323232;border-width:thin"><!--bla bla ... --></div>
</body
</html>
Zum Vergrößern anklicken....

Hierbei wird das Div element entweder angezeigt oder nicht. So wie es dort oben steht klappt es wunderbar, jedoch wenn ich das ganze mit PHP ausgebe bekomme ich jedesmal die Fehlermeldung:
"Das Objekt unterstützt die Eigenschaft oder Methode nicht"
Mich wundert das ganze weil es ohne PHP funktioniert. Habe ich dort einen Fehler im Javascript? oder wo muss ich da suchen?

mfg Jennesta
 
Hi,

versuch es mal anstelle von

Code: 
<script text="type/javascript">
mit

Code: 
<script type="text/javascript">
 
Weiß nicht ob es daran liegen könnte...
habe vergessen dazu zusagen, das ichs unter PHP dann nicht in dem Stil oben eingebunden habe, sondern den javaScript Teil in einer anderen javascript datei, nämlich so

<script src=\"jscript/script.js\" type=\"text/javascript\"></script>
Zum Vergrößern anklicken....

daher vermute ich das dein lösungsansatz vll nicht der sein kann...ich lasse ich aber auch gerne belehren.
 
Den Part mit
JavaScript-Bereiche in HTML definieren
Zum Vergrößern anklicken....
verstehe ich nicht was du meinst.

Ne ich denke der Pfad stimmt, weil dort auch eine andere funktion drinnen ist die funktioniert. Ich habe auchmal versucht den Wert auf eine Farbe zu ändern "FF8000" und den style auf color statt display gesetzt aber selber Fehler.
Ich weiß vorallem nicht genau wo der Fehler darin steckt, weils wie gesagt in einer anderen datei (die ich oben postete), die ich vorab programmeirt habe funktioneirt hat.
 
Sorry, habe verpeilt das es ein Link war. Habe es nur als Kommentar interpretiert.

Ähm joa online ist das momentan nicht mehr, weil ich das Skript dazu nutzen wollte in meinem Gästebuch die verfügbaren Smileys ein/auszublenden. Nun habe ich sie aber dauereingeblendet. Wenn du willst schreibe ich den Fehler wieder rein.
 
Ok hier der Link
http://jennesta.anime-wars.de/index.php?section=gbook&action=add

Folgendes zum Skript, habe 2 Buttons "show" und "hide", die jeweils diese Smileytabelle ein bzw ausblenden sollen, aus gründen der formatierung habe ich nicht wie aus dem beispiel das div-element mit "display" bearbeitet sondern die tabelle, damit belegt.
Ich hoffe ich arbeite damit nicht kontraproduktiv, da es meiner Meinung nach ja egal ist was ein bzw ausgeblendet wird.
Des weiteren haben ich eine andere Datei "script.js" inder folgendes steht:

Code: 
normal = new Image();
normal.src = "http://www.tutorials.de/forum/images/gen/bullet.gif";     /* Standard-Grafik */
highlight = new Image();
highlight.src = "http://www.tutorials.de/forum/images/gen/bullethover.gif"; /* Highlight-Grafik */
function picchange (picnr, picobject)
{
    window.document.images[picnr].src = picobject.src;
}
function show()
{
	document.getElementById("smileydisplay").style.display = "block";
}
function hide()
{
	document.getElementById("smileydisplay").style.display = "none"
}

eingebunden wird sie wie oben angemerkt. In der index.php werden die Datein wie hier die guestbook.php included.
Das Gästebuch habe ich selbst geschrieben, falls da fragen fällig sind, möchte nicht hier unnötig viel Code posten, daher nehme ich mal den Schnippsel aus der guestbook.php raus:

PHP: 
echo "
<table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" align=\"center\" width=85% id=\"smileydisplay\">\n
	<tr>
		<td width=5%><img src=\"http://www.tutorials.de/forum/images/smiley/biggrin.gif\"></td>
		<td width=20%> :D </td>";//...

formatiert wird die tabelle über CSS, also wieder einer externen datei mit:

Code: 
#smileydisplay {
	text-align:center;
	border:1px solid black;
	font-family:Arial;
	display:block;
}

€: Hier eine Version wie es eigentlich ablaufen sollte, wenn du eine andere Idee hast dies zu realisieren würde ich mich von meiner Methode verabschieden, fand die jedoch recht einfach, aber vielleicht klappts daher nicht.

http://jennesta.anime-wars.de/Platzhalter.html

€€: Achja sehe gerade hier einen Fehler vom Forum, die Pfade zu den Bildern wie oben in der Javascript-Datei, sind natürlich relativ und funktionieren.
 
Zuletzt bearbeitet:
Hi,

es liegt nicht daran, dass der Code in einer externen Scriptdatei liegt, sondern dass die beiden Buttons in dem Formular eingebunden sind.

Wenn ich sie außerhalb des Formulars notiere, oder sie innerhalb des Formulars durch zwei Links ersetze, läuft das Script einwandfrei.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück