Webdesign-Problem mit Bildern in Vorlage und Seiteneditoren

Ich bin neu im gesamten Web-Design, und ich habe eine große Schwierigkeit, die Quelle des Problems zu lokalisieren. Ich kann die Lösung nicht googlen, weil ich nicht weiß, wo das Problem liegt. Im Grunde versuche ich, das einzelne Bild einzurichten, das sich ändert, wenn Sie auf die Schaltfläche klicken. Der komische Teil ist, dass mein Code (alle Funktionen, die Bilder über Schaltflächen steuern) tatsächlich funktioniert, wenn ich ihn im Template-Editor von Web Builder geschrieben habe. Aber dann habe ich endlich meine eigene Vorlage erstellt, die aus reiner Codierung nur für Layouts besteht, nicht für alle Bilder und Schaltflächen.Webdesign-Problem mit Bildern in Vorlage und Seiteneditoren

Ich habe diese Bilder und Tasten Code an einer anderen Stelle, wo Sie einzelne Seite bearbeiten. Plötzlich kann ich die Funktionen (Schaltflächen, die Bilder wechseln) anscheinend nicht mehr aktivieren, obwohl das Bild sichtbar ist. Es wird das Bild nicht verändern. Ich bin nicht sicher, ob es wegen Web-Builder selbst ist oder dass etwas mit meiner Codierung falsch ist (unten bereitgestellt).

Ein möglicher Hinweis ist, dass der Editor automatisch! [CDATA [oder etwas, wenn ich diesen Code im Seiteneditor schrieb. Das! [CDATA-Ding taucht nicht auf, wenn ich Code in den Vorlageneditor setze.

<script language="JavaScript">// <![CDATA[ 
    var a1 = new Image(); 
    a1.src = "a111.jpg"; 

    var imgs = ['a111.jpg', 'a11.jpg', 'a33.jpg','a44.jpg']; 

    function changeImageR() { 

    if (roomID == 0) { 
    var img = document["buttonOne"]; 
    if (!img._index) img._index = 0; 
    img.src = imgs[img._index++]; 
    if (img._index >= imgs.length) img._index = 0;} 

    } 

    // ]]></script> 

    <br /><br /><form style="font-size: 100%;"> 
    <table border="3" cellspacing="0" cellpadding="0"> 
    <tbody> 
    <tr> 
    <td><img src="a111.jpg" border="0" alt="click me" width="620" height="270" /></td> 
    </tr> 
    <tr> 
    <td colspan="2"><br /> <input onclick="changeImageR('textarea1')" name="buttonOne"  type="button" value="Turn Right" /></td> 
    </tr> 
    </tbody> 
    </table> 
    <div style="font-size: xx-small; text-align: center;"><br /><textarea id="textarea1" cols="53" rows="5"> </textarea></div> 
    </form>

Quelle

2012-03-27 user1142285

Verwenden Sie die Webkonsole oder Fehlerkonsole, um Javascript-Fehler in Firefox zu sehen, in anderen anständigen Browsern gibt es ähnliche Tools/Windows. Es ist fast unmöglich, Javascript ohne einen Fehler zu beheben :-) In diesem Fall könnte es einfach sein, dass roomID nicht definiert ist? Dann setzen Sie img auf Dokument ['buttonOne'], aber das ist die Schaltfläche, kein Bild, also bin ich mir nicht sicher, was Sie hier machen wollen .. Ändern Sie die Schaltfläche zu einem Bild? – MSpreij

Ich versuche, das Bild auf ein anderes Bild zu ändern, wenn ich auf eine Schaltfläche klicke. Aber danke, dein Kommentar ist immer noch ein Ratschlag. – user1142285

Der Abstand im Code ist wackelig, so ist es schwer zu sagen, aber der CDATA-Tag wird kein Problem sein, wenn es auf Kommentar ist, was es zu sein scheint. Ein Problem, das ich bemerkt habe, ist, dass Sie im onchange-Event, wenn Sie changeImageR aufrufen, einen Parameter übergeben. Die Funktion changeImageR akzeptiert jedoch keinen Parameter.

Quelle

2012-03-28 00:55:59

Webdesign-Problem mit Bildern in Vorlage und Seiteneditoren

Antwort

Verwandte Themen