Seite 1 von 3 123 LetzteLetzte
Ergebnis 1 bis 10 von 22

Thema: image Design

  1. #1
    HTML Newbie
    Registriert seit
    18.03.2015
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard image Design

    Hallo zusammen,

    ich habe leider sehr wenig mit Webdesin zu tun gehabt und weiss nicht wie man das Aussehen eines Icons nach dem Anklicken ändern kann.
    Und zwar habe ich eine einfache webseite erstellt mit einem Bilder darauf start.jpg, wenn man das Bild anklickt, dann wird ein PHP-Script (start.php) gestartet, das wiederum ein Shell-Script ausführt :


    start.php :

    <?php

    $message=shell_exec("/var/www/start.sh 2>&1");

    print_r($message);

    header("Location:index.html");

    ?>


    Und so habe ich das Bild in index.html eingebunden :

    <div style="position:absolute; top:200px; left:100px;">
    <a href="start.php"><img src="start.jpg" with="100" height="100"></a>
    </div>



    Nun wie kann ich das Aussehen der Bildes nach dem Anklicken ändern, so dass man weiss, dass es bereits gedrückt wurde ?
    Es reicht, wenn z.B nach dem Anklicken ein Rahmen um Bild sichtbar wäre oder ähnliches ...

    Ich habe mehrere Scripte ausprobiert, aber leider ohne Erfolg, z.B. das PHP-Script in Javascript integrieren und dieses mit alert starten hat leidernicht funktioniert ...

    Ich hoffe, dass mir jemand helfen kann !

    Danke!

    Gruß
    manu
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: image Design

    also zuerst mal bezweifle ich dass die header-weiterleitung funktioniert, wenn du vorher ne ausgabe hast

    dann kannst du deinem link per css die visited pseudoklasse geben:
    HTML-Code:
    <div style="position:absolute; top:200px; left:100px;">
    <a class="meinelinks" href="start.php"><img src="start.jpg" with="100" height="100"></a>
    </div>
    css-code fürs style-tag
    Code:
    .meinelinks 
    {
         border: 3px solid transparent;
    }
    .meinelinks:visited
    {
         border: 3px solid red;
    }
    das mit dem transparent vorher is als hack fürs boxmodell, weil sonst der link seine position verändern würde.
    und wenn du das bild verändern wollen würdest, dazu braucht es dann halt nen javascript oder du machst das auch per css, dafür solltest du dann aber das bild als hintergrundbild einbinden
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    18.03.2015
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: image Design

    Danke für deine Antwort !

    Also nach dem Anklicke wird das Script gestartet aber leider sieht man kein "border", keine Veränderung !

    <html>
    <body>

    <div style="position:absolute; top:200px; left:100px;">
    <a class="meinelinks" href="start.php"><img src="start.jpg" with="100" height="100"></a>
    </div>

    </body>

    <style type="text/css">
    .meinelinks
    {
    border: 3px solid transparent;
    }
    .meinelinks:visited
    {
    border: 3px solid red;
    }
    </style>

    </html>



    Gruß
    manu





    Zitat Zitat von synaptic Beitrag anzeigen
    also zuerst mal bezweifle ich dass die header-weiterleitung funktioniert, wenn du vorher ne ausgabe hast

    dann kannst du deinem link per css die visited pseudoklasse geben:
    HTML-Code:
    <div style="position:absolute; top:200px; left:100px;">
    <a class="meinelinks" href="start.php"><img src="start.jpg" with="100" height="100"></a>
    </div>
    css-code fürs style-tag
    Code:
    .meinelinks 
    {
         border: 3px solid transparent;
    }
    .meinelinks:visited
    {
         border: 3px solid red;
    }
    das mit dem transparent vorher is als hack fürs boxmodell, weil sonst der link seine position verändern würde.
    und wenn du das bild verändern wollen würdest, dazu braucht es dann halt nen javascript oder du machst das auch per css, dafür solltest du dann aber das bild als hintergrundbild einbinden

  4. #4
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.151
    Danke
    14
    Bekam 63 mal "Danke" in 61 Postings

    Standard AW: image Design

    Das wird auch nicht klappen. In dem Augenblick, wo das visited eigentlich greifen könnte, ist die start.php geladen worden, in der die CSS-Definition nicht greift.
    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    18.03.2015
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: image Design

    Ich weiss nicht, wie ich das lösen soll ?!

  6. #6
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.151
    Danke
    14
    Bekam 63 mal "Danke" in 61 Postings

    Standard AW: image Design

    Ich verstehe deine Eingangsfrage schon nicht. Oder ich bin heute total neben der Spur, was ja auch möglich ist.

    Du hast einen Link verbunden mit einem Bild. Wenn du das Bild, also den Link anklickst, soll das Bild anders aussehen, angezeigt werden? Wie soll das denn gehen, wenn inzwischen eine neue Datei geladen wurde und das Bild nicht mehr im Fenster sichtbar ist? Ich denke dein Infos sind zu wenig.
    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.

  7. #7
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: image Design

    ich vermute mal, dass der User wieder zur Index.html zurück geht und dann der Link anders eingefärbt wird. Wenn dem so ist, dann muss die index.html zu index.php umbenannt werden. So könnte man in der start.php eine Variable mitgeben, die dann in der Index.php ausgewertet wird.
    Oder du machst es mit include().
    Nur ein spontaner Gedanke.
    Geändert von djheke (18.03.2015 um 20:11 Uhr)

  8. #8
    HTML Newbie
    Themenstarter

    Registriert seit
    18.03.2015
    Beiträge
    9
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: image Design

    Also das Bild ist ein start-Button in .jpg-Format, was ich mir mit wget heruntergeladen habe, dieses Bild verschwindet nach dem Anklicken nicht !
    Der Hintergrund ist, dass man nicht aus Versehen mehrmals auf das Bild anklickt und somit mehrere Prozesse startet.

    Wenn man das Bild anklickt und dann z.B. ein gepunkteter Rahmen oder ein Border um Bild herum zu sehen ist, dann weiss man, dass das Script bereits gestartet wurde !

    Das was ich suche würde so aussehen, allerdings statt Button möchte ich das mit einem Bild/Image realisieren und dabei soll das Php-script gestartet werden :
    Ich hoffe, ich habe mich verständlich ausgedrückt


    <html>
    <head>
    <style type="text/css">
    <!--

    button {
    border: medium solid darkgreen;
    background-color: darkgreen;
    color: white;
    }

    button:focus {
    border: medium dotted white;
    }

    button:active {
    border: medium dotted red;
    }

    -->
    </style>
    <title>Überschrift der Webseite</title>
    </head>
    <body>

    <button>Abschicken</button>

    </body>
    </html>

  9. #9
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: image Design

    neee gastl, neben der spur biste nich, nur ich war heut früh nich ganz zurechnungsfähig..^^
    hab den href gar nich beachtet und vermutet es sei nur nen inpage-link gewesen

    edit: aber wenn ich so drüber nachdenke, wieso es nich geht...
    schick mal den code aus der start.php
    Geändert von synaptic (18.03.2015 um 21:31 Uhr)
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  10. #10
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: image Design

    Hallo mannu! Ich hab das Gefühl, du weist nicht was du tust

Ähnliche Themen

  1. Image Map
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 28.01.2010, 19:56
  2. image hoster | image-uploads.de v.3
    Von Hubi im Forum Link Tipps
    Antworten: 10
    Letzter Beitrag: 10.06.2008, 16:23
  3. Image-Map
    Von Jenni im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 4
    Letzter Beitrag: 29.08.2006, 08:57
  4. Image Map???
    Von Cinderella im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 01.03.2005, 00:52
  5. Design- und Programmier-Wettbewerb (Bestes Design wird prämi
    Von deaggi im Forum Eure Homepages und Foren - Vorstellung und Bewertungen
    Antworten: 1
    Letzter Beitrag: 26.08.2003, 14:49

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •