Forum Mjukvara Programmering och digitalt skapande Tråd

tooltip vid truncate? [PHP]

1
Skriv svar
Permalänk
Medlem ★
●

tooltip vid truncate? [PHP]

Hallå!

Kör truncate på lite text så att det läggs till "..." punkter vid slutet efter 29 bokstäver

Nu vill jag lägga till så att man ser hela texten när man hovrar över med musen i ett tooltip (jquery)

Så här har jag det nu:

truncate_text($value['text'], 29)

Har försökt lite med detta exemplet men får det inte att fungera, har ni några tips?

http://www.sohtanaka.com/web-design/simple-tooltip-w-jquery-c...

ps. trevlig sida för nybörjare, har lärt mig mycket där

Visa signatur

▩ Monitor: ASUS Swift 27" @ 1440p/165Hz ▩ CPU: Ryzen 7700X ▩ Cooling: Corsair H170i ELITE 420mm ▩ GPU: MSI 3080 Ti SUPRIM X ▩ Memory: Corsair 32GB DDR5 Vengeance ▩ Motherboard: ASUS Crosshair X670E Hero ▩ M.2: Samsung 980 Pro ▩ PSU: Corsair HX1200 ▩ Chassi: Corsair 7000X ▩ Geekbench 6: 2903 ▩ Time Spy: 19 340

📷 Mina fotografier
👍 SweClike - Synligare färg på dina likes

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Vad är det för element du vill ha ett tooltip på? Ex. bilder har ju en alt-tagg, då blir det ju bara: <img src="http://www.sweclockers.com/forum/10-programmering-och-digital..." alt="<?=$value['text']?>"></img>

Om din server stödjer korta PHP-taggar dvs.

Visa signatur

Citera eller nämn gärna mig (@ToJa92) om du svarar på något jag skrivit.
Uppskattar du eller blir hjälpt av ett inlägg jag skrivit är jag tacksam om du gillar det.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av ToJa92:

Vad är det för element du vill ha ett tooltip på? Ex. bilder har ju en alt-tagg, då blir det ju bara: <img src="http://www.sweclockers.com/forum/10-programmering-och-digital..." alt="<?=$value['text']?>"></img>

Om din server stödjer korta PHP-taggar dvs.

Gå till inlägget

$value['text'] är bara en text sträng som jag tar från en Array Finns ingen alt-text

Kan inte använda den lösningen :/

Visa signatur

▩ Monitor: ASUS Swift 27" @ 1440p/165Hz ▩ CPU: Ryzen 7700X ▩ Cooling: Corsair H170i ELITE 420mm ▩ GPU: MSI 3080 Ti SUPRIM X ▩ Memory: Corsair 32GB DDR5 Vengeance ▩ Motherboard: ASUS Crosshair X670E Hero ▩ M.2: Samsung 980 Pro ▩ PSU: Corsair HX1200 ▩ Chassi: Corsair 7000X ▩ Geekbench 6: 2903 ▩ Time Spy: 19 340

📷 Mina fotografier
👍 SweClike - Synligare färg på dina likes

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av flashen:

$value['text'] är bara en text sträng som jag tar från en Array Finns ingen alt-text

Kan inte använda den lösningen :/

Gå till inlägget

$value['text'] är väll ändå texten du vill visa? JQuery modifierar ju inte texten PHP använder internt, alltså funkar det fortfarande utmärkt att skriva ut den.

Okej, kollade igenom tutorialen. Det skulle alltså bli såhär:
<a href="#" class="tip_trigger">Your Link Key Word <span class="tip"><?=$value['text']?></span></a>

Vad är det som inte funkar exakt? Är tyvärr inte speciellt bra på JQuery...

Visa signatur

Citera eller nämn gärna mig (@ToJa92) om du svarar på något jag skrivit.
Uppskattar du eller blir hjälpt av ett inlägg jag skrivit är jag tacksam om du gillar det.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av ToJa92:

$value['text'] är väll ändå texten du vill visa? JQuery modifierar ju inte texten PHP använder internt, alltså funkar det fortfarande utmärkt att skriva ut den.

Okej, kollade igenom tutorialen. Det skulle alltså bli såhär:
<a href="#" class="tip_trigger">Your Link Key Word <span class="tip"><?=$value['text']?></span></a>

Vad är det som inte funkar exakt? Är tyvärr inte speciellt bra på JQuery...

Gå till inlägget

Jag måste skriva typ,

om truncate så måste allt skrivas med "..." efter 29 bokstäver samt i ett tooltip där allt ska skrivas ut annars gör inget

Är inte jättebra på PHP tyvärr, håller på att lära mig

Senast redigerat
Visa signatur

▩ Monitor: ASUS Swift 27" @ 1440p/165Hz ▩ CPU: Ryzen 7700X ▩ Cooling: Corsair H170i ELITE 420mm ▩ GPU: MSI 3080 Ti SUPRIM X ▩ Memory: Corsair 32GB DDR5 Vengeance ▩ Motherboard: ASUS Crosshair X670E Hero ▩ M.2: Samsung 980 Pro ▩ PSU: Corsair HX1200 ▩ Chassi: Corsair 7000X ▩ Geekbench 6: 2903 ▩ Time Spy: 19 340

📷 Mina fotografier
👍 SweClike - Synligare färg på dina likes

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av flashen:

Jag måste skriva typ,

om truncate så måste allt skrivas med "..." efter 29 bokstäver samt i ett tooltip där allt ska skrivas ut annars gör inget

Är inte jättebra på PHP tyvärr, håller på att lära mig

Gå till inlägget

Nu hänger jag inte med riktigt, men jag antar att du vill ha den trunkerande texten som visas, och när man håller över den så visas hela, eller?

Visa signatur

Citera eller nämn gärna mig (@ToJa92) om du svarar på något jag skrivit.
Uppskattar du eller blir hjälpt av ett inlägg jag skrivit är jag tacksam om du gillar det.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av ToJa92:

Nu hänger jag inte med riktigt, men jag antar att du vill ha den trunkerande texten som visas, och när man håller över den så visas hela, eller?

Gå till inlägget

Ja precis

Exempel: (fungerar inte så klart, men ville bara visa)

echo "<a href="#" class="tip_trigger">truncate_text($value['text'], 29)<span class="tip">$value['text']</span></a>";
Visa signatur

▩ Monitor: ASUS Swift 27" @ 1440p/165Hz ▩ CPU: Ryzen 7700X ▩ Cooling: Corsair H170i ELITE 420mm ▩ GPU: MSI 3080 Ti SUPRIM X ▩ Memory: Corsair 32GB DDR5 Vengeance ▩ Motherboard: ASUS Crosshair X670E Hero ▩ M.2: Samsung 980 Pro ▩ PSU: Corsair HX1200 ▩ Chassi: Corsair 7000X ▩ Geekbench 6: 2903 ▩ Time Spy: 19 340

📷 Mina fotografier
👍 SweClike - Synligare färg på dina likes

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av flashen:

Ja precis

Exempel: (fungerar inte så klart, men ville bara visa)

echo "<a href="#" class="tip_trigger">truncate_text($value['text'], 29)<span class="tip">$value['text']</span></a>";
Gå till inlägget

Testa:

echo '<a href="#" class="tip_trigger">truncate_text('.$value["text"].', 29)<span class="tip">'.$value['text'].'</span></a>';
Visa signatur

Citera eller nämn gärna mig (@ToJa92) om du svarar på något jag skrivit.
Uppskattar du eller blir hjälpt av ett inlägg jag skrivit är jag tacksam om du gillar det.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av ToJa92:

Testa:

echo '<a href="#" class="tip_trigger">truncate_text('.$value["text"].', 29)<span class="tip">'.$value['text'].'</span></a>';
Gå till inlägget

Nej det går inte, har försökt så med

Känns fel sätt att jobba

Visa signatur

▩ Monitor: ASUS Swift 27" @ 1440p/165Hz ▩ CPU: Ryzen 7700X ▩ Cooling: Corsair H170i ELITE 420mm ▩ GPU: MSI 3080 Ti SUPRIM X ▩ Memory: Corsair 32GB DDR5 Vengeance ▩ Motherboard: ASUS Crosshair X670E Hero ▩ M.2: Samsung 980 Pro ▩ PSU: Corsair HX1200 ▩ Chassi: Corsair 7000X ▩ Geekbench 6: 2903 ▩ Time Spy: 19 340

📷 Mina fotografier
👍 SweClike - Synligare färg på dina likes

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av flashen:

Nej det går inte, har försökt så med

Känns fel sätt att jobba

Gå till inlägget

Hur vill du ha det då? Det ser rätt ut härifrån.

Eller ja, koden är ju fel. Ska vara

echo '<a href="#" class="tip_trigger">' . truncate_text($value['text'], 29) . '<span class="tip">' . $value['text'] . '</span></a>';
Visa signatur

Kom-pa-TI-bilitet

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av Teknocide:

Hur vill du ha det då? Det ser rätt ut härifrån.

Eller ja, koden är ju fel. Ska vara

echo '<a href="#" class="tip_trigger">' . truncate_text($value['text'], 29) . '<span class="tip">' . $value['text'] . '</span></a>';
Gå till inlägget

Fungerar nu men är ganska buggigt

Nu visas alla poster i tooltip, även de som inte är truncate och de som är truncate blir postade 2ggr så man ser inte vad det står i tooltipet

CSSen är helt upp åt väggarna med hahah kanske får kolla på en annan lösning

Senast redigerat
Visa signatur

▩ Monitor: ASUS Swift 27" @ 1440p/165Hz ▩ CPU: Ryzen 7700X ▩ Cooling: Corsair H170i ELITE 420mm ▩ GPU: MSI 3080 Ti SUPRIM X ▩ Memory: Corsair 32GB DDR5 Vengeance ▩ Motherboard: ASUS Crosshair X670E Hero ▩ M.2: Samsung 980 Pro ▩ PSU: Corsair HX1200 ▩ Chassi: Corsair 7000X ▩ Geekbench 6: 2903 ▩ Time Spy: 19 340

📷 Mina fotografier
👍 SweClike - Synligare färg på dina likes

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av flashen:

Fungerar nu men är ganska buggigt

Nu visas alla poster i tooltip, även de som inte är truncate och de som är truncate blir postade 2ggr så man ser inte vad det står i tooltipet

CSSen är helt upp åt väggarna med hahah kanske får kolla på en annan lösning

Gå till inlägget

Det ska inte vara så jäkla krångligt. Innehåller $value['text'] alla texter? Då är det inte så konstigt att den hamnar i varje tooltip..

Visa signatur

Kom-pa-TI-bilitet

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av Teknocide:

Det ska inte vara så jäkla krångligt. Innehåller $value['text'] alla texter? Då är det inte så konstigt att den hamnar i varje tooltip..

Gå till inlägget

Ja de gör det, jag vill enbart att tooltip ska hamna på text som är truncate

Visa signatur

▩ Monitor: ASUS Swift 27" @ 1440p/165Hz ▩ CPU: Ryzen 7700X ▩ Cooling: Corsair H170i ELITE 420mm ▩ GPU: MSI 3080 Ti SUPRIM X ▩ Memory: Corsair 32GB DDR5 Vengeance ▩ Motherboard: ASUS Crosshair X670E Hero ▩ M.2: Samsung 980 Pro ▩ PSU: Corsair HX1200 ▩ Chassi: Corsair 7000X ▩ Geekbench 6: 2903 ▩ Time Spy: 19 340

📷 Mina fotografier
👍 SweClike - Synligare färg på dina likes

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av flashen:

Ja de gör det, jag vill enbart att tooltip ska hamna på text som är truncate

Gå till inlägget

"de gör det" ? Vilka gör vad, förstår inte svaret.

Enligt sidan du hänvisar till hamnar tooltip på de element som har class="tip_trigger". Om du har satt den klassen på andra grejer så blir det konstigt. Visa din kod så kanske vi kan reda ut det här.

Visa signatur

Kom-pa-TI-bilitet

Redigera
Citera flera Citera
Permalänk
Medlem
●
if (strlen($value['text']) > 29) {
 //tooltip-kod
}

kanske är något du vill ha?
Fast det kanske inte är den snyggaste lösningen.

Visa signatur

Desktop|i5 3570k(@4,4GHz)|Asus P8Z77-V|AMD 6950|12GB RAM|Crucial BX500 480GB|Manjaro|
Laptop|Lenovo T440s|i7|8GB RAM|Debian Jessie|
Server|Fujitsu Primergy TX1310|G1820|8GB RAM|15TB|Unraid|
Ring, lånad mail

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara