rpg textarea omzetten naar een div element

Vorige onderwerp Volgende onderwerp Ga naar beneden

Suggestie rpg textarea omzetten naar een div element

Bericht van 10spetter10 op zo 17 jan 2016 - 22:55

RPG Textarea omzetten naar een div element


Deze tutorial leert je om de standaard tekstvelden in de rpg-sheet om te zetten naar een makkelijker te bewerken div element.


Deze tutorial is super makkelijk, je moet namelijk enkel een script kopieren en plakken. Daarna kan je eventueel nog verder opmaken met css.

Javascript instellen





Beheerderspaneel Modules html & javascript Javascript code beheer  

Maak hier een nieuw script met volgende waarden:

Titel: (vb: textarea omzetten naar div)
Plaatsing: op alle pagina's
Code: zie hieronder


Code:
$(function() {
        var pathname = $(location).attr('pathname');
        if (pathname.match("^/u") && pathname.match("rpg$")) {
 $("textarea").each(function(index, value) {
 var obj = jQuery(value);
 var tmp = obj.val().replace(/[\r\n]/g, "<br />");
 var newTag = jQuery("<div></div>").html(tmp);
 newTag.addClass("rpg_text");
 obj.replaceWith(newTag);
 });
        }
});

CSS instellen





CSS instellen is eerder optioneel, maar nu je toch een div element hebt in de plaats van die textarea kun je er even goed iets moois van maken. Hieronder vind je de code van het voorbeeld.

Beheerderspaneel Display Plaatjes en kleuren Kleuren Cascading Style Sheet

Plak hier de volgende lijnen css:

Code:
.rpg_text {
  width: 330px;
  height: 150px;
  padding: 4px 4px 4px 10px;
  background-color: #F0F8FF;
  border: 1px solid #ACD8FF;
  border-radius: 5px 0px 0px 5px;
  overflow-y: scroll;
  scrollbar-base-color: #acd8ff;
  scrollbar-track-color: #e7eeff;
  scrollbar-shadow-color: #acd8ff;
}
.rpg_text::-webkit-scrollbar {
  background: #E7EEFF;
  width: 6px;
}
.rpg_text::-webkit-scrollbar-thumb {
  background: #ACD8FF;
}

Laat je fantasie de vrije loop en maak je eigen opmaak: kleur de tekst, centreer ze, gebruik een achtergrondfoto ...
avatar

10spetter10
Medaille Forumlid

Man Aantal berichten : 1223
Geboortedatum : 21-04-97
Leeftijd : 21
Taal : Nederlands
Locatie : België
Registratiedatum : 08-07-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
10spetter10 is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven


Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum