Jump to content

erolha

Medlemmer
  • Content Count

    19
  • Joined

  • Last visited

Posts posted by erolha


  1. Kan du legge ved de aktuelle HTML og CSS-kodene?

    Beklager, men jeg sovnet visst akutt på sofaen...

     

    Her er en url til en test: http://test.fanteri.no/ledelse.php

    HTML:

    <!DOCTYPE html>
    	<html lang="en">
    	<head>
    		<meta charset="utf-8">
    		<meta http-equiv="X-UA-Compatible" content="IE=edge">
    		<meta name="viewport" content="width=device-width, initial-scale=1">
    		<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    		<title>Bootstrap 101 Template</title>
    
    		<!-- Bootstrap -->
    		<link href="includes/style.css" rel="stylesheet">
    
    		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    		<!--[if lt IE 9]>
    		  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    		  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    		<![endif]-->
    	</head>
    	<body>
    		<div class="container">
    			<div class="row">
    				<div class="col-md-12" id="rullings">
    					<h1>LEADERBOARD</h1>
    					<div class="table-responsive"> 						
    						<table class="table table-bordered">
    							<thead>
    								<tr>
    									<th>Kol1</th><th>Kol2</th><th>Kol3</th><th>Kol4</th><th>Kol5</th><th>Kol6</th><th>Kol7</th>
    								</tr>
    							</thead>
    							<tbody>
    								<tr>
    									<td class="tdpos col-md-1">1</td><td class="tdnavn col-md-5">John Fravolda</td><td class="tdnoe col-md-2">3</td><td class="tdspilt col-md-1">A</td><td class="tdmer col-md-1">B</td><td class="tdmest col-md-1">C</td><td class="tdtotal col-md-1">D</td>
    								</tr>
    								<tr>
    									<td class="tdpos col-md-1">2</td><td class="tdnavn col-md-5">Olivia Utenjohn</td><td class="tdnoe col-md-2">4</td><td class="tdspilt col-md-1">B</td><td class="tdmer col-md-1">C</td><td class="tdmest col-md-1">C</td><td class="tdtotal col-md-1">E</td>
    								</tr>
    								<tr>
    									<td class="tdpos col-md-1">3</td><td class="tdnavn col-md-5">Knut Knutsen</td><td class="tdnoe col-md-2">6</td><td class="tdspilt col-md-1">C</td><td class="tdmer col-md-1">D</td><td class="tdmest col-md-1">E</td><td class="tdtotal col-md-1">F</td>
    								</tr>
    							</tbody>
    						</table>
    					</div>  
    					<div class="table-responsive mCustomScrollbar" id="rulletopp" data-mcs-theme="dark">       
    						<table class="table table-bordered">
    							<tbody>
    								<tr>
    									<td class="tdpos col-md-1">4</td><td class="tdnavn col-md-5">Espen Lind</td><td class="tdnoe col-md-2">9</td><td class="tdspilt col-md-1">D</td><td class="tdmer col-md-1">E</td><td class="tdmest col-md-1">F</td><td class="tdtotal col-md-1">G</td>
    								</tr>
    								<!--Og så videre-->
    							</tbody>
    						</table>
    					</div>
    				</div>
    			</div>
    		</div>
    
    		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    		<!-- Include all compiled plugins (below), or include individual files as needed -->
    		<script src="includes/js/bootstrap.min.js"></script>
    		<script src="includes/rullerende.js"></script>
      </body>
    </html>
    
    

    CSS:

    @import url('css/bootstrap.min.css');
    
    @-moz-document url-prefix() {
      fieldset { display: table-cell; }
    }
    th {
    	font-weight: 800;
    	font-size: 2em;
    }
    
    .tdpos, .tdnavn, .tdnoe, .tdspilt, .tdmer, .tdmest, .tdtotal {
    	font-weight: 800;
    	font-size: 3em;
    }
    
    .tdred {
    	color: #FF0000 !important;
    }
    #rulletopp {
    	overflow: hidden; height: 523px !important;
    }
    
    

    Javascript:

    //run instantly and then goes after (setTimeout interval)
    //Første rulling i det man laster siden
    $("#rulletopp").delay( 1000 ).animate({ scrollTop: $("#rulletopp")[0].scrollHeight }, 30000, "linear");
    //Rulling opp igjen
    setTimeout(function() {
    	//Fart opp igjen
    	$("#rulletopp").animate({scrollTop:0}, 1000); 
    //Delay før første gang den rulletoppr opp igjen.
    },1000);
    
    setInterval(function(){
    	// 4000 - it will take 4 secound in total from the top of the page to the bottom
    	$("#rulletopp").delay( 15000 ).animate({ scrollTop: $("#rulletopp")[0].scrollHeight }, 30000,"linear");
    	setTimeout(function() {
    		$("#rulletopp").animate({scrollTop:0}, 1000); 
    	},1000);
    
    },1000); 
    

    Som dere ser av lenken er kolonnene i tabellene på linje, som jeg ønsker. Det er imidlertid ikke mulig å scrolle i den nederste tabellen manuelt. 


  2. Jeg har én, veldig lang (vertikal) tabell. Den er delt i to, hvor den øverste delen av tabellen er statisk på siden, mens den nederste delen autoscroller. Dette er gjort ved at tabellen(e) er pakket inn i hver sin div.

     

    Dette fungerer utmerket, rent bortsett fra at scrollbaren som dukker opp i den nederste tabellen gjør at cellene ikke har samme bredde som i den øverste.

     

    Med css

    .nedersteDivTilTabell {
    overflow: hidden;
    } 

    forsvinner scrollbaren fra den nederste tabellen og cellene blir like brede som i den øverste, men jeg mister dessverre muligheten til å scrolle manuelt.

     

    Spørsmålet mitt er: Hvordan fjerner jeg scrollbaren, uten å fjerne muligheten til å scrolle manuelt?

     

    Jeg beklager hvis jeg oppfattes som en forumspammer, det er virkelig ikke meningen!

     

    Hvis noen lurer på hva jeg egentlig driver med så er det å lage et leaderboard, hvor topp 3 står statisk på toppen av siden, mens resten av resultatlisten langsomt ruller over skjermen...

     

    Igjen; på forhånd takk for alle svar!


  3. Jeg har nå kommet frem til denne:

    $("#rulle").animate({ scrollTop: $("#rulle")[0].scrollHeight }, 20000,"linear");
    

    (Jeg la bare til "linear" som løste akserellasjonsproblemet. Default i jQuery var "swing".)

     

    Det neste jeg er på jakt etter er 

    .delay( 3000 )
    

    som jeg mistenker jeg kan putte et eller annet sted inn i linjen over. Alle mine forsøk har imidlertid feilet. Kan noen fortelle meg hvor jeg skal plassere det? 

     

    Tusen takk!


  4. Du kan bruke "easing" til å bestemme hvordan scrollingen skal skje. Default er linear, som er en konstant hastighet. Du kan f.eks. prøve ut:

     

    $("#rulle").animate({scrollTop:0}, 1000, {easing: 'easeInOutQuint'});

     

    krever easing-plugin: http://gsgd.co.uk/sandbox/jquery/easing/

    Hei etse, tusen takk for svar!

     

    Nå har jeg sett lenge og vel på forslaget ditt, men er ikke kar om å klare å få det til å gjøre noen forskjell. Dette er som tidligere nevnt fordi jeg virkelig ikke forstår (mekanismene i) javascript.

     

    Jeg har forsøkt å legge til linjen din til scriptet, og jeg har forsøkt å erstatte

    $("#rulle").animate({ scrollTop: $("#rulle")[0].scrollHeight }, 20000);
    

    med linjen din.

     

    Tør jeg spørre om ytterligere forklaring?

     

    Jeg klarte heller ikke, utfra hva jeg leste på gsgd.co.uk å se at dette venter x tid før det begynner scrollingen. Er det korrekt observert?


  5. Etter å ha fått et perfekt svar fra @Matsemann på mitt spørsmål vedrørende dette scriptet

    //run instantly and then goes after (setTimeout interval)
    
    $("#rulle").animate({ scrollTop: $("#rulle")[0].scrollHeight }, 20000);
    
    setTimeout(function() {
    	$("#rulle").animate({scrollTop:0}, 1000); 
    },10000);
    
    setInterval(function(){
    	// 4000 - it will take 4 secound in total from the top of the page to the bottom
    	$("#rulle").animate({ scrollTop: $("#rulle")[0].scrollHeight }, 20000);
    	setTimeout(function() {
    		$("#rulle").animate({scrollTop:0}, 1000); 
    	},10000);
    
    },20000);  

    i denne tråden: https://www.diskusjon.no/index.php?showtopic=1686681

    (Løsningen til @Matsemann ble presentert på http://jsfiddle.net/NaP8D/425/ )

     

    sitter jeg nå med to nye "kan ingenting"-spørsmål:

    1. Det virker som scrollingen aksellererer. Er det noen måte å få scriptet til å generere samme hastighet gjennom hele scrollingen?
    2. Hvordan får jeg det til å vente x antall sekunder på toppen før det starter scrollingen?

    Surrealistisk nok klarer jeg å utvikle nettsider i php, men javascript har jeg altså aldri fått taket på...

     

    Igjen, på forhånd takk for alle svar!


  6. http://jsfiddle.net/NaP8D/425/

     

    Altså bruke

    $("#rulle").animate({ scrollTop: $("#rulle")[0].scrollHeight }, 4000);
    

    Greia er at når du skal velge noe med id, så bruker du # foran. Ingen tegn foran betyr at du velger html elementer. F. eks. "body", "div" osv.

    For å kunne scrolle en liten del av siden må boksen innholdet er i ha scrollbars, det løste jeg ved å sette en høyde og overflow:auto i css.

     

    Siste er at jeg byttet ut $(document).height() med $("#rulle")[0].scrollHeight i javscripten. Fordi selve høyden på div'en ikke er lengden man ønsker å scrolle, man ønsker jo å scrolle så langt som *innholdet inni* diven.

    Tusen hjertelig takk for svar Matsemann!

     

    Det fungerte perfekt! :)


  7. Hei,

     

    Jeg kan virkelig ikke javascript, men tror jeg er på sporet av noe som kan løse et problem jeg har.

    Målet er å få en en del av en nettside til å autorulle vertikalt.

    <div id="rulle">
       Masse informasjon som strekker seg over det som finnes av skjermhøyde.
    </div>
    

    Jeg fant denne Jsfiddle'en(?): http://jsfiddle.net/NaP8D/149/

    //run instantly and then goes after (setTimeout interval)
    
    $("html, body").animate({ scrollTop: $(document).height() }, 4000);
    setTimeout(function() {
       $('html, body').animate({scrollTop:0}, 4000); 
    },4000);
    setInterval(function(){
         // 4000 - it will take 4 secound in total from the top of the page to the bottom
    $("html, body").animate({ scrollTop: $(document).height() }, 4000);
    setTimeout(function() {
       $('html, body').animate({scrollTop:0}, 4000); 
    },4000);
        
    },8000); 

    som i mer eller mindre grad gjør akkurat det jeg ønsker.

     

    Så til årsaken til innlegget: Så vidt jeg kan forstå gjør dette scriptet at hele siden (body) ruller. Hvordan får jeg kun id="rulle" til å rulle?

    Jeg forsøkte naturligvis det enhver med for lite forståelse ville gjøre; bytte ut body med rulle, men jeg skjønte jo allerede før jeg prøvde det at det ikke ville fungere.

     

    Er det noen som kunne være så greie å vise meg hvordan det skal gjøres?

     

    På forhånd takk for svar!

     


  8. Jeg er ingen ekspert, men dette er relatert til Gnome (/KDE eller lignende), ikke hva du har montert. (Tror jeg)

     

    Jeg vet du skriver Rehl, men slik jeg oppfatter det er problemstillingen din uansett tilsvarende det du ser løsningen på her:

    http://linuxblog.pansapiens.com/2008/11/25/hide-the-desktop-icons-in-gnome-for-a-clutter-free-ubuntu/

    (Problemet ditt er likt, løsningen er muligens annerledes, jeg har ingen erfaring med Rehl....)

    :)


  9. HowToForge er en veldig bra side som lager gode Howtos på mange forskjellige ting. Husker jeg brukte en howto til å sette opp min første mailserver basert på Debian, Postfix og Courier IMAP. Men jeg husker jeg tok inn Horde istedenfor å bruke Squirrelmail som den spesifikke howto'en beskrev. I dag ville jeg kanskje brukt Roundcube, også en fin webmail-klient.

     

    Jeg valgte Horde, utelukkende fordi de hadde fått så bra mobilgrensesnitt i versjon 5. (Dette til tross for at de færreste vel velger å aksessere e-posten via nettleseren når det gjelder mobilen...)

    Jeg har hatt en relasjon til Horde i mange år, og har alltid vært frustrert over at funksjon har hatt såpass mye høyere prioritet enn estetikk. (Det er ikke til å stikke under en stol at Horde har sett ut som det var laget på 80-tallet så lenge det har eksistert.)

     

    Hadde jeg brukt sunn fornuft hadde jeg nok heller satt det opp med Roundcube enn Horde. Men det var så deilig at Horde plutselig så bra ut! :)


  10. Et lite spørsmål. Er det noen spesiell grunn til å bruke sudo su i stedet for sudo -s?

    Det må nok henges på gammel vane, adoptert fra "langt tilbake" i tid, da jeg fulgte veiledningene på Howtoforge for å sette opp ting på Ubuntu 8.04... (Jeg er 100 % selvlært på dette, og definitivt ikke utlært!)

     

    Et kjapt google-søk viste meg uansett at det ikke er så dumt å bruke -su (eller -i):

    http://blog.colovirt...o-su-vs-sudo-s/

     

    (Man slipper bl. annet å skrive full path til f.eks /sbin og /bin.)


  11. Ta en titt på Univention sin løsning. Den er fullt åpen kode, og gjør det meste du etterspør ut av boksen med Debian i bunn:

    http://www.univention.de/

    Et beslektet prosjekt som oppnår mye av det samme er Gosa (sprang ut av Munchen sin satsing på linux):

    https://oss.gonicus.de/labs/gosa/

     

    Kan godt bistå deg i prosjektet, har du tenkt på hva du vil med det?

     

    Takk for tilbudet!

     

    Jeg gjør dette på siden av det jeg holder på med til daglig, og vet ikke når jeg kan ha fokus... :)

     

    Og ja, det jeg ønsker til slutt er som nevnt tidligere å dokumentere en fullgod erstatning til Microsoft i serverrommet, basert på kun åpen kildekode. (Jeg tenker e-post/annen kommunikasjon, filserver/filarkivering (med versjonskontroll og skytilgang), og web. Sikret med en solid backupløsning.


  12. Ang. 'vi' så er det en ganske "skummel" editor pga. den kan gå berserk ved bruk av piltaster, og det er få andre editors som folk har hørt om som har modes. Selv om vi er åpenbart kraftigere, er nano mer passende for en slik guide. Trenger ikke mer enn et lite notat om "bruk din favoritteditor" el.l. og resten med nano.

     

    Jepp, jeg får ta jobben med å endre til Nano... :)

     

    Flott tiltak! Kan nevne at jeg skrev veiledningen for installasjon av Kolab 2 som virtuell server: http://wiki.kolab.or...nstallation_KVM Bildet jeg laget er fortsatt tilgjengelig, men når jeg får rotet meg til det skal jeg gå over til Kolab 3. Kolab 2 integrerer Postfix, Cyrus (kan byttes ut med Dovecot), Horde og OpenLDAP. Samt brukervennlig web-interface for administrering. Vil anbefale deg å ta en titt på det, du får neppe til en så god integrert løsning med ditt oppsett som det Kolab-gjengen gjennom flere år med heltidsansatte har fått til.

     

    Det jeg har planer om å teste ut og deretter dokumentere er et flerserveroppsett som inkluderer en autentiseringsserver a lá denne, en e-postserver (trolig Kolab ja, bl. annet på grunn av synk mot Outlook), og en filserver som også tilbyr skytjenester. Som filserver har jeg sett på ownCloud, men det er fremdeles for eksperimentelt. Ender nok derfor opp med Alfresco.

    Hvis jeg så slenger på en webserver med ISPConfig og en offsite backupserver bør jeg ende opp med en skikkelig god guide til hvordan erstatte Microsoft i serverrommet... :)


  13. Laptopen har også gbit. Hvordan er det jeg gjør det egentlig? Er det bare å koble en internett kabel fra laptopen og inn i serveren? Hva blir egentlig IP-adressen da hvis jeg skal bruke FTP, eller er det mulig å laste ned via Windows-delingssenter?

    Så vidt jeg husker trenger du en krysset kabel i stedet for en vanlig nettverkskabel hvis du skal koble maskinene direkte. (http://www.komplett.no/k/ki.aspx?sku=302024)

    • Like 1

  14. Hei forum,

     

    Dette er ikke ment som egenreklame, men jeg har altså skrevet en veiledning, som detaljert gir følgende resultat:

    Etter fullføring av denne veiledningen vil du sitte igjen med en Ubuntu Server (installert med software RAID 1 om ønskelig), som tilbyr stort sett alt av e-posttjenester. Du vil ha virtuelle brukere og domener (Postfix), du vil ha Pop3 og Imap (Dovecot), et webgrensesnitt (Horde 5) som også er tilpasset mobil, og du tilbyr ActiveSync, så bl. annet kalendre og kontakter blir synkronisert mot mobiler. Følger du veiledningen til punkt og prikke vil du også ha inkrementell automatisert backup over nettverk (SSH, ved bruk av rsync og rsnapshot). Absolutt alt av programvare brukt er fritt tilgjengelig og godt testet.

     

    Jeg deler den fordi jeg antar at det er flere enn meg som kan ha glede av den, og kanskje det til og med er noen her inne som har innspill til hvordan prosessen kan forbedres.

     

    (Jeg er virkelig ingen Linux-ekspert, men har satt opp et par e-postservere basert på veiledninger jeg har funnet på Internett. Dessverre har ingen av de (veiledningene) fungert 100 %, eller dekket alle områdene jeg mente var relevante. Jeg lagde derfor min egen veiledning for å fange opp de løse trådene, og samtidig få det på norsk.)

     

    Veiledningen kan leses her.

     

    Have fun! :)

    • Like 5
×
×
  • Create New...