onmouseover, on click

    hab ich gemacht:


    1) grafikbuttons (bildvariante 1) in header eingefügt
    2) grafikbuttons auf entsprechende seiten verlinkt
    3) mouseover grafikbuttons (bildvariante 2) ebenfalls eingefügt


    nun möchte ich das nach dem klicken auf den entsprechenden grafikbutton eine neue grafik (sozusagen bildvariante 3) angezeigt wird. wie muss das onklick nun aussehen? welcher teil des onklick macht, dass der aktivierte grafikbutton (bildvariante 3)) angezeigt wird. ich sehe im onklick nur onmouseover und onmouseout...


    kanns leider momentan noch nicht online stellen...


    danke nochmals für eure hilfe!!!

    Das wie hab ich oben schon geschrieben. Da du es nicht umsetzt wie soll ich dir helfen ohne deinen Code zu kennen.

    Quelltext gucken, passende Stelle kopieren und in den script Tag einfügen.


    Es gibt genug gratishoster bzw Möglichkeiten das trotzdem gesichert online zu stellen. Wenn du das nicht kannst willst kannst du mir auch gerne dein Projekt schicken per pn also die iwzip und ich schreib es dir passend rein.

    Morgen


    Wie zwoemti schrieb- es gibt genug Hoster- bitte online stellen.

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

    hallo zwoemti/bernie


    zuerst vielen dank für euren support.


    im anhand die iwzip. die grafiken habe ich im header positioniert und verlinkt inkl. mouseover. die restlichen grafiken wenn die seite "active" ist habe ich in der seite "bildersammlung" hochgeladen


    1) wie mache ich die rote grafik "active" wenn ich mich auf der entsprechenden seite befinde?
    2) wenn ich die bilder über x5 in den header hochlade kann ich - im gegensatz zum platzieren über html code - keinen rahmen darum machen. wie kann ich dies lösen? ein rahmen bereits in der grafik integriert scheint mir auch gebastelt..
    3) wie kann ich den stil des kontaktformulars für die seite "onlineofferte" übernehmen? dort habe ich z.b. im register raum1 ebenfalls formularfelder die den gleichen stil haben sollten.


    vielen dank nochmals, ich schätze euren support wirklich sehr.


    grüsse

    Jetzt mal ganz anders



    1)


    HTML
    1. <script type="text/javascript">
    2. $(document).ready(function() {
    3. $("#imHoverImage_1").show();
    4. $('#imHoverImage_1').mouseout(function () {
    5. $('#imHoverImage_1').show();
    6. });
    8. });
    9. </script>


    #imHoverImage_5 steht für die jeweilige Bild ID aus dem Quelltext.


    2) Rahmen in der Grafik wäre die bessere Wahl.


    Ansonsten auch per CSS bzw JS


    dazu in der dritten Zeile folgendes einfügen



    JavaScript
    1. $('#imHoverImage_1').css("box-sizing","border-box");
    2. $('#imHoverImage_1').css("border","2px solid red");


    Zeile 1 kann auch entfernt werden diese Einstellung bewirkt das das Bild nicht größer wird und der Rahmen sich nach innen erstreckt mal vereinfach ausgedrückt.
    Zeile 2 fügt die Eigenschaft border ein mit dem Wert 2px solid red
    ich denke mit ein bißchen eigeninitiative bekommst du schnell raus welche werte man dort noch einsetzen kann.


    Wenn beide Zeilen eingefügt werden verschwimmt das Bild etwas.


    3) das geht nur per Hand wenn ich dein Wunsch richtig verstanden habe. Dein Projekt schicke ich dir per PN wieder zurück. Dort hab ich obiges komplett eingetragen auf allen Seiten.

    Kann alles nicht korrekt beantwortet werdenm weil wir es nicht Online sehen und vorstellen können !

    Wissen ist MACHT ! Nichts zu Wissen macht nichts !
    Wissen ist MACHT ...ohne es zu wissen !

    @andy67 das Projekt war hier mit drin. Hab es mal entfernt gehabt. Im nachhinein war es eigentlich nicht nötig zugangsdaten waren raus.


    Oben zu sehen was eingefügt werden muss.


    @rogerio jetzt hab ich verstanden was du meinst beim raum.


    Dein HTML Code kann dort so nicht funktionieren der ist auch falsch. Das Objekt an sich ist auch nicht wirklich dafür geeignet. Am besten wäre du nutzt dazu beispielsweise die Showbox und machst ein Formular auf einer Seite und erstellst diese ohne Template.

    danke für deine arbeit!


    hab das projekt importiert. nun erhält der button der aktiven seite jeweils einen roten rahmen, wie du das gemacht hast habe ich verstanden. meine idee war es aber, dass die aktive seite einen neuen grafikbutton erhält und nicht "nur" einen rahmen um die mouseovergrafik. meine frage ist nun, wie ich den grafikbutton der jeweils aktiven seite ersetzen kann?


    warum ist der code für den onlinekalkulator falsch? was ist eine showbox?


    danke für inputs!

    zeitlich zur Zeit ein wenig eng...



    Code nun so abgeändert


    HTML
    1. <script type="text/javascript">
    2. $(document).ready(function() {
    3. $('<div onclick="x5engine.utils.location(\'index.html\', null, false); return false;" style="position: absolute; top: 115px; left: 80px; width: 170px; height: 170px; cursor: pointer;"><img id="imHoverImage_1" src="files/pikto_meine_unternehmung_active.jpg" alt="" style="width: 170px; height: 170px;" /></div>').prependTo('#imHeader');
    4. });
    5. </script>


    Quasi wie oben schon beschrieben.


    _______________________________________________


    <form method="post" action="ihre_onlineofferte.html">


    du lädst doch damit die Seite neu und kannst nicht in den Tabs springen. HTML Code ist für dies Objekt nicht geeignet. Es kann dort zu ungewollten Textformatierungen kommen im Code.


    Thema Showbox


    http://help.websitex5.com/de/v…zoom_highlightsub=showbox


    aber ich habe verstanden was du willst nachdem ich mal das Objekt gelesen hab.


    Der Kunde soll in die Tabs seine Werte eintragen und du willst diese im letzten Tab abgreifen und dir per Email zuschicken lassen nehme ich an? Das Bedarf aber ein wenig mehr Code Arbeit.

    danke, du bist super! genau so hab ich das gemeint mit dem "onklick" - funktioniert perfekt :-)


    genau, der kunde soll alle register der reihe nach mit angaben ausfüllen (ich fand die registerlösung noch recht ansprechend weil pro raum ca. 10-15 werte benötigt werden) und wenn er im letzten register den knopf "offerte anfordern" drückt passiert im wesentlichen folgendes:
    - im hintergrund werden aufgrund der angaben kosten kalkuliert
    - der kunde und ich erhalten eine mail mit den kosten
    - anstatt einer mail soll direkt ein pdf mit einer offerte versendet werden (hab mal gelesen dass sowas mit der php routine fpdf erstellt werden kann mit einem pdf template)



    ich hab die showbox mal angeschaut - danke übrigens für den link - aber die ist ja mehr zur darstellung gemacht und nicht für eingaben wenn ich das richtig kapiert habe. oder kann diese für eingaben benutzt werden? (resp. es würde dann vermutlich einfach auf ein skript verwiesen werden?)


    wie müsste ich sowas von der struktur her denn anpacken und was kann überhaupt noch über X5 gemacht werden? wäre natürlich super wenn du mir bei gelegenheit nochmals helfen würdest.


    merci schon mal im voraus!!!

    Vergiß die Showbox das hatte ich nur geschrieben weil ich es da noch nicht verstanden hatte.


    Dein Vorhaben ist in Form der Registerkarten nicht möglich.


    Du solltest hier direkt das Kontaktformular benutzen. Dort kann man auch Bereiche erstellen und Beschreibungen. Wie das ganze dann bei dir ankommt musst du schauen.


    Wenn es ein richtig berechnet werden soll im Browser schon beim Kunden dann geht das nicht direkt mit X5. Da Bedarf es einiger Codearbeit in Form von js für die direkte Berechnung bzw. php für den Versand des ganzen.
    da ich nicht davon ausgehe das du dies selbst machen kannst wäre hier ein Freelancer bzw. eine Agentur damit zu beauftragen.


    Es ist auch möglich das man dies in X5 erledigt ABER die Leute die sich mit der Programmierung auskennen kommen mit dem Arbeitsverhalten von X5 nicht klar und gehe dann komische Wege um den eigenen Code in die Seiten zu bringen.

    super danke, ich versuch das übers kontaktformular.


    eine frage habe ich noch zu den buttons:
    ich habe diese noch mit einem "plastischen rand" versehen, tiefe 5, diffusion 25 und winkel 45. wie kann ich das bei den geklickten buttons (die roten) manuell machen im onklick damit die dann gleich aussehen?

    Wenn ich dich richtig verstehe ja
    Musst du auch so wie die normalen erstellen. Die Bilder kannst du dann aus dem style Ordner nehmen. Dazu solltest du dir dein Projekt duplizieren und im top.jpg sind dann alle Hintergrundbuttons drin. Der bessere weg wäre aber gleich alles im Grafikprogramm zu machen.