Knipsen koodipulmat (ratkaistu)
-
Ratkaistu
Mulla on progress barin sisälle askarreltu tuolla VRL:n rajapinnalla porrastetut hevosten sivuille (alla kyseinen pätkä). Täällä1 tuo palkin sisällä oleva teksti (vt. 4/5) on esimerkillisesti keskellä kuten kuuluukin, mutta esimerkiksi täällä2 tai täällä3, kun hevoset ovat kisanneet tappiin saakka, teksti ei enää olekaan keskellä. Osaisiko joku kertoa miten saisin sen keskelle?<?php $vh = $rekisteri; $url = 'http://virtuaalihevoset.net/rajapinta/porrastetut/'.$vh; $obj = json_decode(file_get_contents($url), true); if(isset($obj['error']) && $obj['error'] == 0){$data = $obj['porrastetut'];$info = $data['info']; $hevonen = $data['hevonen']; $jaos = $laji; if($hevonen['error'] == 1){echo $hevonen['error_message'];} else {$tasoinfo = $hevonen['tasot'][$jaos]; $jaosnimi = $info['jaokset'][$jaos]['jaos_nimi']; $jaoslyhenne = $info['jaokset'][$jaos]['jaos_lyhenne']; $taso = $tasoinfo['taso'];$max_taso_per_ika = $hevonen['info']['max_taso_per_ika']; $max_taso_per_pisteet = $tasoinfo['max_taso_per_pisteet']; $max_taso_rajoitus = $tasoinfo['taso_rajoitus']; $jaoksenominaisuudet = $info['jaokset'][$jaos]['ominaisuudet']; echo "<b>". $jaosnimi . " (". $jaoslyhenne.")</b><br>"; foreach ($jaoksenominaisuudet as $id){$ominaisuusnimi = $info['ominaisuudet'][$id]; $ominaisuuspisteet = $hevonen['ominaisuudet'][$id]['pisteet']; echo $ominaisuusnimi . ": " . $ominaisuuspisteet . "<br>";} echo '<br><div class="progress"><div class="progress-bar progress-bar-success progress-bar-striped" id="myBar" role="progressbar" aria-valuenow="' . $taso . '" aria-valuemin="-1" aria-valuemax="'; echo 1+$max_taso_rajoitus .'" style="width:'; echo 100/$max_taso_rajoitus*$taso .'%">vt. ' . $taso . "/" . $max_taso_rajoitus . "</div></div>";}} else if($obj['error'] == 1){echo $obj['error_description'];}else {echo "Tapahtui odottamaton virhe!";}?>
-
@knipse ne taitaa ihan oikeassa paikassa olla, mutta ongelmana on se, että Criminal Kiss di Sierran palkin leveydeksi on koodissa määritetty 200% ja Allefernes Norra on 150% eli leveydet on enemmän kuin ton oikeasti näkyvän palkin leveys.
Tähän voisi ehkä auttaa se, että lisää koodiin myös max-width: 100% tuon nyt jo määritetyn perään, mutta en ole satavarma riittääkö se kumoamaan sitä. Toinen on se, että tarkistais onko taso enemmän kuin max_taso_rajoitus, jolloin se määrittäis leveydeksi vain sen 100% eikä ton laskukaavan mukaan.
-
@tuire noniin, oli taas näin yksinkertaisesta kyse Kiitos paljon, tämä auttoi!
-
Mulla on nyt jo tovin ollut täällä tuossa kasvattitaulukossa käytössä tällainen sorttaussysteemi. Nyt kuitenkin hoksasin, että sehän pyörittelee järjestystä ihan miten sattuu, kun yrittää järjestää kasvatteja syntymäpäivän tai linkillisten sarakkeiden kohdalta. Olisko jollakin ideaa, miten nämä ongelmat saisi korjattua?
-
Mulla on nyt jo tovin ollut täällä tuossa kasvattitaulukossa käytössä tällainen sorttaussysteemi. Nyt kuitenkin hoksasin, että sehän pyörittelee järjestystä ihan miten sattuu, kun yrittää järjestää kasvatteja syntymäpäivän tai linkillisten sarakkeiden kohdalta. Olisko jollakin ideaa, miten nämä ongelmat saisi korjattua?
Tähän kaipailtas vieläki vinkkiä. Sen lisäks oon ihan kusessa tän sivun noiden pienien esittelykuvien lightboxien kans, jotka heittää miten sattuu. Nyt siis pulmaa kerrakseen, josko täältä löytyis joitakin itseäni fiksumpia
-
@knipse Sun sorttausfunktio perustuu nyt td:iden innerHTML:n vertailuun. Jos haluut että syntymäpäivät menee järjestykseen nii sun pitää javascriptilla parsia ne päivämääräolioiksi ja vertailla niiden arvoa keskenään. Linkilliset sarakkeet vastaavasti taas järjestyy luultavimmin url-osoitteiden mukaan tällä hetkellä, joten jos haluut että ne järjestyy linkin tekstien mukaan niin funktioon pitää tehdä joku muutos myös tälle tapaukselle
Tuo lightbox-ongelma taas johtuu siitä että se perustuu yhteen diviin (id
myModal
). Samalla id:llä varustettuja elementtejä ei sivuilla sais olla ku yks, ja sen vuoksi ku yrittää klikata alempana olevia kuvia auki niin ensimmäisen#myModal
-divin kuvat hyppää auki. Tässä kans js-funktion logiikkaa pitää muuttaa jos haluaa että lightbox-kontteja on samalla sivulla useampi. -
@jassu-l noni joo, mä jään tänne pähkimään nyt näillä ohjeilla. Kiitos paljon!
-
Ratkaistu
Millähän saisin täältä myös tuon alemman rivin kivasti kohdilleen, kuten tuon ylemmän? Yritin lisätädiv.heppa: margin-right: 34.546px;
ja asettui ihan kivasti, mutta pienemmällä näytöllä siiten räjähti taas käsiin. Niin olisiko jollain jotakin kaikille näytöille sopivaa patenttia tähän? -
Mulla oli Breandanin kuvalistoissa (esim) vähän saman sorttinen ongelma, jostain syystä vika heppa pomppas aina oikeaan reunaan, vaikka muut meni nätisti vasemmalle. Googlailin silloin ja löysin flexboxin, jolla mulla ongelma ratkesi.
Jos en ihan väärin muista ja lue omaa koodiani, niin tässä ei oo muuta kuin uloimmassa divissä (eli sun tapauksessa div id:t omat ja yksityiset) koodinpätkänä alla olevat kaksi riviä. Mut niiden lisäksi pitää lisätä heppa-diviin joku sopiva margin-right, etteivät oo kiinni toisistaan.
display: flex;
flex-wrap: wrap; -
@tuire hei jes, ihan loistavaa! kiitos tosi paljon, nyt toimii
-
-
@knipse said in Knipsen koodipulmat (uutta 30.03, klo. 18:16):
Olisiko valistuneita arvauksia, miksi heppalista pelaa täällä kohdassa "Ponit" kuten pitääkin, mutta ei täällä? Kaiken pitäis täsmätä, mutta silti heittää härän pyllyä
-
@knipse Ainakin tuolla jälkimmäisessä tulee bodylta myös tuolle heppa -elementille line-height: 1.8.
-
Ulkoasun javascript-tiedostossa on näin:
document.getElementById(cityName).style.display = "block";
Sun sivujen versiossa on:
document.getElementById(cityName).style.display = "flex";
-
@knipse Lisää
.tabcontent
ille css:äänflex-wrap: wrap;
. Muita muutoksia ei tarvi -