Soort ALT tag voor een link? - Softwareontwikkeling

zondag 27 februari 2005 14:20

Acties:

Verwijderd

Topicstarter

Ik kom er echt niet meer uit

....

Heb in een vrij smalle tabel een rijtje met links naar bepaalde producten staan.
De naam van de link (naam van product) haal ik uit de database, en laat ik daar converten d.m.v. "CONVERT(varchar(25), omschrijving)". Gaat allemaal prima, ziet er best netjes uit, al neemt een "." minder ruimte in beslag dan een "A", maar daar is weinig aan te doen denk ik.

Probleem is echter dat de werkelijke naam van het product varchar(100) is, en soms die 25 karakters niet volstaan voor beschrijving van het product. Het liefste had ik dus een oplossing (bijv met CSS of whatever) in de vorm van een ALT tag, net als bij een plaatje, als je er met de muis overheen gaat. Ik heb alleen geen flauw idee in welke richting ik moet gaan zoeken.
Een ALT tag zal het zowieso niet worden denk ik.
Met CSS zou het denk ik kunnen d.m.v. tijdelijk die rij wat breder te maken, en dan het gehele product te laten zien (is niet zo mooi).
Alleen moet er in dat geval een query op de database gedaan worden per rij als je er met de muis overheen gaat, om op die manier de complete omschrijving op te halen, en dat lijkt me ook niet zo handig.

Samengevat: wie geeft me een trap in de goede richting

zondag 27 februari 2005 14:24

Acties:

crisp

Devver

Pixelated

HTML:

1	<a href="foo.html" title="hier je tooltip">klik</a>

Intentionally left blank

zondag 27 februari 2005 14:25

Acties:

PaulZ

<A TITLE="korte beschrijving">lange beschrijving</A>

Werkt op IE en FF.

Weer eens te laat....

[ Voor 36% gewijzigd door PaulZ op 27-02-2005 14:25 ]

Vlinders moet je volgen, niet vangen...

zondag 27 februari 2005 14:25

Acties:

Verwijderd

Topicstarter

En dat werkt in alle browsers? Je bent een held! $_/-\o_$

zondag 27 februari 2005 14:29

Acties:

pjvandesande

GC.Collect(head);

Verwijderd schreef op zondag 27 februari 2005 @ 14:20:
Gaat allemaal prima, ziet er best netjes uit, al neemt een "." minder ruimte in beslag dan een "A", maar daar is weinig aan te doen denk ik.

Hier kun je toch een fixed font voor uitkiezen, neem bijvoorbeeld Courier (New).

zondag 27 februari 2005 14:30

Acties:

crisp

Devver

Pixelated

Verwijderd schreef op zondag 27 februari 2005 @ 14:25:
En dat werkt in alle browsers? Je bent een held! $_/-\o_$

Sterker nog; dat attribuut is ervoor bedoelt - ook bij plaatjes. De alt-tag is bedoelt als alternatieve tekst als het plaatje niet geladen kan worden, of voor niet-visuele browsers.

Voor wat betreft het afkappen van tekst op een bepaalde breedte; je zou van alle voorkomende tekens de breedte op kunnen meten en daar met een functie in PHP iets mee kunnen doen. Wel een beetje werk, maar het resultaat is meestal een stuk beter (zie bijvoorbeeld de updatetracker hier rechtsboven).

Intentionally left blank

zondag 27 februari 2005 14:46

Acties:

Verwijderd

Topicstarter

Het werkt. Top en bedankt.

zondag 27 februari 2005 14:50

Acties:

Spinal

PaulZ schreef op zondag 27 februari 2005 @ 14:25:
<A TITLE="korte beschrijving">lange beschrijving</A>

Werkt op IE en FF.

Inderdaad niet in Opera

Full-stack webdeveloper in Groningen

zondag 27 februari 2005 15:05

Acties:

Verwijderd

Topicstarter

Nog 1 dom vraagje: hoe krijg je een enter in zo'n "title"?
De vbcrlf in ASP werkt prima in IE, maar niet in FF.

zondag 27 februari 2005 15:06

Acties:

madwizard

Missionary to the word of ska

crisp schreef op zondag 27 februari 2005 @ 14:30:
Voor wat betreft het afkappen van tekst op een bepaalde breedte; je zou van alle voorkomende tekens de breedte op kunnen meten en daar met een functie in PHP iets mee kunnen doen. Wel een beetje werk, maar het resultaat is meestal een stuk beter (zie bijvoorbeeld de updatetracker hier rechtsboven).

Voor de geinteresseerden, hier stond zoiets:
[rml][ php] Aantal tekens in titel[/rml]

www.madwizard.org

zondag 27 februari 2005 15:33

Acties:

André

Analytics dude

Zoiets kun je simpel bekijken middels onderstaand scriptje:

code:

<html>
  <head>
    <title>Test</title>
    <style>
      * {
       font-size: 13px;
       font-family: Arial;
      }

      #test {
        padding: 0;
        margin: 0;
        display: inline;
        visibility: hidden;
      }
    </style>
    <script type="text/javascript">
      alfabet = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789~!@#$%^*()_+;:'\"\/.,\\";
      
      function doe()
      {
        resultdiv = document.getElementById("results");
        testdiv = document.getElementById("test");

        for (var i = 0; i < alfabet.length; i++)
        {
          testdiv.innerHTML = alfabet.substr(i, 1);
          
          resultdiv.appendChild(document.createTextNode(alfabet.substr(i, 1) + ": " + testdiv.offsetWidth));
          resultdiv.appendChild(document.createElement("br"));
        }
      }
    </script>
 </head>
  <body onload="doe()">

    <div id="test"></div>
    
    <div id="results"></div>

  </body>
</html>

zondag 27 februari 2005 15:47

Acties:

Creepy

Tactical Espionage Splatterer

* Creepy ziet weer allemaal enge clientside html dingetjes.. bbbrrrr

move -> W&G

"I had a problem, I solved it with regular expressions. Now I have two problems". That's shows a lack of appreciation for regular expressions: "I know have _star_ problems" --Kevlin Henney