CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede RasmusTheR Seniormester
03. marts 2017 - 20:16 Der er 1 kommentar og
1 løsning

Script fra jsfiddle.net

Jeg har forsøgt at få dette script fra jsfiddle til at virke lokalt, men jeg må lave en eller anden fejl.. Så javascriptet ikke virker..

http://jsfiddle.net/xqd5szkw/

Er der en som kan sætte det sammen i en html-fil?
Avatar billede olsensweb.dk Ekspert
03. marts 2017 - 20:33 #1
sådan ?

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>demo</title>

<style type="text/css">
.box {
  background: yellow;
  margin: 10px;
  text-align: center;
}
</style>
<script type="text/javascript"
    src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
$('.box').each(function(i, box) {

  var width = $(box).width(),
    html = '<span style="white-space:nowrap">',
    line = $(box).wrapInner(html).children()[0],
    n = 100;

  $(box).css('font-size', n);

  while ($(line).width() > width) {
    $(box).css('font-size', --n);
  }

  $(box).text($(line).text());

});
    });
</script>
</head>
<body>
<div class="box" style="width:700px">This is a sentence</div>
<div class="box" style="width:600px">This is a sentence</div>
<div class="box" style="width:500px">This is a sentence</div>
<div class="box" style="width:400px">This is a sentence</div>
</body>
</html>
Avatar billede RasmusTheR Seniormester
03. marts 2017 - 20:46 #2
Sådan!
Jeg manglede at sætte det ind i en document.ready

1000-tak
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Sæt vindue størrelse Af poulmadsen i JavaScript 1 08/10/202417:18 13/10/202412:33
Opgavestyring Af ingeman i JavaScript 1 15/09/202416:06 15/09/202420:40
Returner ikke alt Af ingeman i JavaScript 13 26/06/202414:40 01/07/202417:00
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 22:24 Ny pc - stationær - bærbar - Mac? Af nu_igen i PC
I går 15:17 Win 10 til win 11 Af ejgil703 i Windows
I går 14:29 Stationær tændte af sig selv flere gange. Af ErikHg i Windows
I går 10:14 undertekster på filmstreaming Af hagbartm i Windows
25/0815:02 Concorde C5 version 1.52 Af rene1111 i Andet software
White papers
Flere white papers »


Premium
Teaser billede
Nu er den gal igen: Citrix ramt af tre nye alvorlige sårbarheder – udnyttes allerede af hackere
Læs mere »
Statens It før stor tilgang af nye folk: Derfor er vi godt rustede til at overtage 160 it-ansatte fra Udviklings- og Forenklingsstyrelsen
Fem ud af de ti mest magtfulde i it-Danmark har stiftet deres egen virksomhed – og tjent styrtende på det
Finansloven er lige på trapperne: Her er den danske it-branches store ønsker
Se alle »
Computerworld
Teaser billede
For bare et år siden var det her en af årtiets mest banebrydende Windows-pc’er – men virkeligheden er en anden nu
Læs mere »
Apple klar med nye AirPods Pro 3 om få måneder – fans raser over ny funktion
Test: En øjenåbner for mig - dette lille apparat kan gøre en stor forskel
Nørgaard: Det er 100 procent sikkert, at Aarhus' nye AI bliver en bragende succes
Se alle »
CIO
Teaser billede
Stor kortlægning: Her er de 100 mest magtfulde it-personer i Danmark - se hele listen her
Læs mere »
Ny opdatering lammer systemgendannelse i stribe af Windows-versioner
Her er Danmarks tre bedste CISO'er lige nu: De er med i opløbet om at blive Årets CISO 2025
Kendt dansk proteinpulver-producent ramt af hackerangreb: Har haft adgang til it-system
Se alle »
Job & Karriere
Teaser billede
Lille dansk it-virksomhed fra Vanløse lander drømmekontrakt, der rækker langt ind i stifterens pension
Læs mere »
Her er fidusen: Sådan fastholder KMD og Twoday deres it-folk i lang tid
Medarbejderflugt? Disse danske it-selskaber har sværest ved at holde på deres it-folk
Næstkommanderende i DSV's kæmpe it-afdeling siger farvel og tak: Skifter til topstilling i dansk transport-kæmpe
Se alle »
White paper
Teaser billede
AI og kunderejsen: Sådan vinder du fremtidens forbrugere
Læs mere »
Cybersikkerhed 2025: Er din branche blandt de mest udsatte?
Sikre og skalerbare datacentre med fokus på drift, energi og fremtid
Undgå at printeren bliver svageste led i sikkerheden
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »