Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

HTML Verweisdesign

Empfohlene Antworten

Veröffentlicht

Guten morgen

ich hab eine Html-Seite, von der ich über einen Link ein Javascript PopupWindow öffne. Nachdem ich auf den Link geklickt habe und das Popup geöffnet ist wird der Link im anderen Fenster "fett". Ich arbeite mit CSS und hab schon alle möglichen Link-Attribute (link, visited, hover, active und focus) geändert, so dass eigentlich der Link "normal" bleiben müsste; trotzdem wird er "fett" nachdem ich drauf gedrückt habe.

:confused: :confused: :confused:

Kann mir jemand weiterhelfen?

Vielen Dank schonmal im vorraus

Gruß Sillie

hi,

achte darauf, dass deine Pseudoformate in der richtigen reihenfolge aufgelistet werden :

:link, :visited, :hover, :active

jetzt den :visited abaenddern auf normal

gruss

meine reihenfolge ist richtig (das wusst ich auch schon vorher)

es liegt nicht am visited. ich glaube es hat was mit dem popupwindow zu tun.

wenn ich es öffne wird der link fett und wenn ich es schließe bleibt er fett, bis ich die seite aktualisiere (-> es hat nichts mit dem visited zu tun)

Na gut wenn ihr wollt (is aber nen bissl komplizierter):

also: wir sind dabei ein lexikon zu erstellen und arbeiten mit php. der folgende code wird in die hauptseite geladen, wenn man einen neuen begriff adden will. wenn man auf den roten link klickt geht das popup auf um die "siehe auch" verweise anzuhängen (in dem popup stehen alle lexikon einträge).

ich hoffe das hilft ein bissl


<h2>Abkürzung hinzufügen</h2><br/><br/>

<form method="post" action="lexedit.php?{args}" name="form_edit_def">

 <table>

   <tr>

     <td style="width:100px">Abkürzung:</td>

     <td>

       <input type="text" size="67" maxlength="255" name="abkuerzung"></input>

     </td>

   </tr>

   <tr>

     <td style="width:100px">Definition:</td>

     <td> 

       <textarea cols="50" rows="20" name="definition"></textarea>

     </td>

   </tr>

   <tr>

     <td>Verweise:</td>

    <td>

      <input type="text" size="49" maxlength="255" name="siehe_auch"></input>

[color=red]      <a name="hinzufuegen" class="verweis" href="javascript:popupwindow('add_link.php?','Info',500,450,'yes')" id="meine_daten_link">hinzufügen</a>[/color]

    </td>

  </tr>

  <tr>

    <td colspan="2" style="text-align:center">

      <input value="Bestätigen" type="submit"/>

    </td>

  </tr>

</table>

</form>

Hauptseite: an die rote stelle wird der obere code geladen

<html>

<head>

  <link type="text/css" rel="stylesheet" href="templates/template.css">

  <script language="javascript">

  <!--

    function popupwindow(ref,title,width,height,scroll) {

      document.all.meine_daten_link.style.fontWeight = "bold";

      if (width==0 && height==0)

        window.open(ref,title,"location=no,menubar=no,status=no,resizable=no, scrollbars="+scroll+", toolbar=no,maximized=yes");

      else

      window.open(ref,title,"height="+height+",width="+width+",left=15,top=83, location=no,menubar=no,status=no, resizable=no,scrollbars="+scroll+",

                       toolbar=no,maximized=yes");

    }

  -->

  </script>

  <title>IT-Lexikon</title>

</head>

<body>

  <table cellpadding="0px" cellspacing="0px" border="0">

    <tr style="vertical-align:top;padding-left:5px; padding-right:10px">

<!-- Linke Spalte -->

      <td style="width:300px;border-right:1px solid #868686;height:750px;margin:0px;padding:5px;"><br/>

        {left_col}

        <div style="width:300px; height:1px;"></div>

      </td>

<!-- Rechte Spalte -->

      <td style="width:100%; vertical-align:top; color:#0d4e97; font-size:16pt" colspan="2">

        <table style="text-align:right; width:100%">

          <tr>

            <td style="text-align:left">

              <table style="margin-left:50px; margin-top:50">

                <tr>

                  [Color=red]<td>{suche_main}</td>[/color]

	       </tr>

              </table>

            </td>

          </tr>

        </table>	

      </td>

    </tr>

</table>

</body>

</html>

und mein css-file (nur ein auszug)

a:link.verweis	{font-weight:normal;  color:#cc0033;	 text-decoration:none;}

a:visited.verweis	{font-weight:normal;  color:#cc0033;	 text-decoration:none;}

a:hover.verweis	{font-weight:normal;  color:#cc0033;	 text-decoration:none;}

Gruß Christian

AFAIK sollten die Klassen eher so benannt sein:

a.verweis:link{font-weight:normal;  color:#cc0033; text-decoration:none;}

a.verweis:visited{font-weight:normal;  color:#cc0033; text-decoration:none;}

a.verweis:hover{font-weight:normal;  color:#cc0033; text-decoration:none;}

das ist egal kannst du so oder so machen.

das ist auch nicht das prob es funzt ja ich hab ja den hover effekt.

das eigentliche prob ist:

das popupwindow ist ein kleines fenster und ich seh das parent fenster noch im hintergrund, also auch den link mit dem ich das popupwindow geöffnet habe und genau dieser link wird fett wenn ich ihn anklicke und das will ich nicht

:rolleyes: ups vergessen mitzuposten

wird alles gemacht sogar den :focus hab ich so gesetzt, wie ich ihn haben will, geht trotzdem net

ich weis net mehr weiter, was ein schrott!!!:(

hast du schonma versucht ob der pfad der css datei richtig ist?

werden an anderen stellen im popup die formate der css datei übernommen?s

Original geschrieben von kills

hast du schonma versucht ob der pfad der css datei richtig ist?

werden an anderen stellen im popup die formate der css datei übernommen?s

Moin

ja das funzt alles, es funktioniert sogar an genau dieser stelle. wenn ich beim :hover irgendeine hintergrundfarbe einstelle wird die auch angezeigt -> es funktioniert eigentlich alles so wie es soll, außer das dieser sch*** link fett wird wenn ich drauf klicke :(

Gruß Christian

class="verweis" im tag?

----

poste doch mal bitte den code der dann am browser ankommt, von dem fenster mit deinem link,..

----

schonma den browser cache geleert?

Hier

 

<html>

<head>

  <link type="text/css" rel="stylesheet" href="templates/template.css">

  <script language="javascript">

  <!--

    function popupwindow(ref,title,width,height,scroll) {

      document.all.meine_daten_link.style.fontWeight = "bold";

      if (width==0 && height==0)

        window.open(ref,title,"location=no,menubar=no,status=no,resizable=no, scrollbars="+scroll+",toolbar=no,maximized=yes");

      else

        window.open(ref,title,"height="+height+",width="+width+",left=15,top=83,location=no, menubar=no,status=no,resizable=no,scrollbars="+scroll+",toolbar=no,maximized=yes");

    }  

  -->

  </script>

<title>IT-Lexikon</title>

</head>

  <body>

    <table cellpadding="0px" cellspacing="0px" border="0">

      <tr>

        <td id="blauerbalken"></td>

          <td id="weisserbalkenoben"></td>

      </tr>

      <tr>

        <td id="roterbalkenmitte"></td>

        <td>

          <img src="./images/verlauf.bmp" width="800" height="38" alt="roter Verlauf hoch" border="0"/>

          <img src="./images/logo.gif" width="133" height="38" alt="AL Logo" usemap="#logo" border="0"/>

        </td>

      </tr>

      <tr>

        <td id="roterbalkenunten"></td>

        <td id="weisserbalkenunten"></td>

      </tr>

      <tr style="vertical-align:top;padding-left:5px; padding-right:10px; border: 2px solid #000000; ">

<!-- Linke Spalte -->

        <td style="width:300px;border-right:1px solid #868686;height:750px;margin:0px;padding:5px;"><br/>

          <div style="width:300px; height:1px;"></div>

        </td>

<!-- Rechte Spalte -->

        <td colspan="2" style="color:#000000; font-size:30px; width:100%; vertical-align:top; font-weight:300; padding-top:30px;">

          <a href="itlex.php" class="lexikon">IT-Lexikon</a>

          <table style="text-align:left; width:100% ; ">

            <tr>

              <td style="height:15px"></td>

            </tr>

            <tr>

              <td><h2>Abkürzung hinzufügen</h2><br/><br/>

              <form method="post" action="lexedit.php?action=new&" name="form_edit_def">

                <table>

                  <tr>

                    <td style="width:100px">Abkürzung:</td>

                    <td>

                      <input type="text" size="67" maxlength="255" name="abkuerzung"></input>

                    </td>

                  </tr>

                  <tr>

                     <td style="width:100px">Definition:</td>

                     <td> 

                        <textarea cols="50" rows="20" name="definition"></textarea>

                      </td>

                  </tr>

                  <tr>

                    <td>Verweise:</td>

                    <td>

                       <input type="text" size="49" maxlength="255" name="siehe_auch"></input>

                       <a name="hinzufuegen" class="verweis" href="javascript:popupwindow('add_link.php?','Info',500,450,'yes')" id="meine_daten_link">hinzufügen</a>

                    </td>

                  </tr>

                  <tr>

                    <td colspan="2" style="text-align:center">

                      <input value="Bestätigen" type="submit"/>

                    </td>

                  </tr>

                </table>

              </form></td>

            </tr>

          </table>

        </td>

      </tr>

    </table>

  </body>

</html>

ich hoffe es hilft euch weiter...

Original geschrieben von kills

class="verweis" im tag?

schonma den browser cache geleert?

class="verweis" im tag ????????? was meinst du???

cache schon geleert. alles schon probiert, hilft nix

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.