Re: SpiderBasic Library - Liste neuer Funktionen
Verfasst: 07.02.2019 17:20
Danke für die Info
Das deutsche PureBasic-Forum
https://www.purebasic.fr/german/
definiere 'stylen'. Beispiel? Screenshot?dige hat geschrieben:Gibt es eine Möglichkeit den Placeholder zu stylen?
Code: Alles auswählen
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
::placeholder {
color: red;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: red;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: red;
}
</style>
</head>
<body>
<p>Change the placeholder color:</p>
<input type="text" placeholder="A red placeholder text..">
</body>
</html>
Da musst Du ein wenig mit CSS ausprobieren. Die Selektoren habe ich ja oben gepostet.dige hat geschrieben:Ich möchte gern ein einheiltiches Layout für alle Placeholder.
RSBasic hat geschrieben:Die Möglichkeit, einen Placeholder-Text hinzuzufügen, besteht nur beim StringGadget, aber nicht beim EditorGadget und andere Input-Gadgets. Jetzt es ist auch beim EditorGadget, SpinGadget, DateGadget und ComboBoxGadget möglich. Außerdem kann man den Placeholder-Text auch jederzeit wieder ändern:Code: Alles auswählen
EnableExplicit Procedure SetGadgetPlaceHolder(gadget, text.s) ! var GadgetElement = $(spider_GadgetID(v_gadget).div); Select GadgetType(gadget) Case #PB_GadgetType_String, #PB_GadgetType_Spin, #PB_GadgetType_Date, #PB_GadgetType_ComboBox ! GadgetElement.find("input").attr("placeholder", v_text); Case #PB_GadgetType_Editor ! GadgetElement.find("textarea").attr("placeholder", v_text); EndSelect EndProcedure ;================================================== Beispielcode ================================================== If OpenWindow(0, 0, 0, 500, 400, "Window", #PB_Window_ScreenCentered) StringGadget(1, 10, 10, 200, 20, "", 0) EditorGadget(2, 10, 40, 200, 200, 0) SpinGadget(3, 10, 250, 90, 20, 0, 100, 0) ComboBoxGadget(4, 110, 250, 100, 20, #PB_ComboBox_Editable) SetGadgetPlaceHolder(1, "Hello") SetGadgetPlaceHolder(2, "Hola") SetGadgetPlaceHolder(3, "Hallo") SetGadgetPlaceHolder(4, "Hallo") EndIf
dige hat geschrieben:Wie komme ich an den Style des Placeholders heran?
Code: Alles auswählen
! $("<style>::placeholder {color: blue; font-size: 1.5em;}</style>").appendTo("head");