Documentation
¶
Index ¶
- Constants
- Variables
- func CSSColor(r, g, b int8) string
- func CSSColorWithAlpha(r, g, b int8, a float32) string
- func ConvertSheetToSlice(sheet CSStylesheet) map[string]string
- func ExportFunction(funcName string, function func(f []any) any)
- type CSStyle
- type CSStylesheet
- type DocumentDOM
- type EventListener
- type IObjectDOM
- type MouseEvent
- type ObjectDOM
- func (oj *ObjectDOM) AddClass(class string)
- func (o *ObjectDOM) CallFunction(function string, params ...interface{})
- func (oj *ObjectDOM) Class() []string
- func (oj *ObjectDOM) ClearClass()
- func (ob *ObjectDOM) ClearID()
- func (o *ObjectDOM) GetAsStringProperty(property string) string
- func (object *ObjectDOM) GetHTMLType() string
- func (o *ObjectDOM) GetProperty(property string) js.Value
- func (oj *ObjectDOM) ID() string
- func (object *ObjectDOM) InnerHTML() string
- func (object *ObjectDOM) InnerText() string
- func (p *ObjectDOM) NewStyle() CSStyle
- func (oj *ObjectDOM) RemoveClass(class string)
- func (oj *ObjectDOM) SetID(id string)
- func (object *ObjectDOM) SetInnerHTML(value string)
- func (object *ObjectDOM) SetInnerText(value string)
- func (o *ObjectDOM) SetProperty(property string, params ...interface{})
- func (object *ObjectDOM) SetValue(value string)
- func (object *ObjectDOM) Value() string
- type WindowDOM
Constants ¶
const ( DOCTYPE = "!DOCTYPE" HTML = "HTML" HEAD = "HEAD" META = "META" TITLE = "TITLE" LINK = "LINK" STYLE = "STYLE" BODY = "BODY" H1 = "H1" H2 = "H2" H3 = "H3" H4 = "H4" H5 = "H5" H6 = "H6" P = "P" BR = "BR" HR = "HR" A = "A" EM = "EM" STRONG = "STRONG" SPAN = "SPAN" DIV = "DIV" IMG = "IMG" UL = "UL" OL = "OL" LI = "LI" TABLE = "TABLE" TR = "TR" TH = "TH" TD = "TD" CAPTION = "CAPTION" THEAD = "THEAD" TBODY = "TBODY" TFOOT = "TFOOT" FORM = "FORM" INPUT = "INPUT" BUTTON = "BUTTON" SELECT = "SELECT" OPTION = "OPTION" TEXTAREA = "TEXTAREA" LABEL = "LABEL" FIELDSET = "FIELDSET" LEGEND = "LEGEND" SCRIPT = "SCRIPT" NOSCRIPT = "NOSCRIPT" AUDIO = "AUDIO" VIDEO = "VIDEO" SOURCE = "SOURCE" CANVAS = "CANVAS" EMBED = "EMBED" IFRAME = "IFRAME" OBJECT = "OBJECT" PARAM = "PARAM" SVG = "SVG" MATH = "MATH" DEL = "DEL" INS = "INS" CODE = "CODE" KBD = "KBD" SAMP = "SAMP" VAR = "VAR" SUB = "SUB" SUP = "SUP" Q = "Q" BLOCKQUOTE = "BLOCKQUOTE" MARK = "MARK" TIME = "TIME" PROGRESS = "PROGRESS" METER = "METER" I = "I" B = "B" U = "U" S = "S" SMALL = "SMALL" STRIKE = "STRIKE" BIG = "BIG" FONT = "FONT" CENTER = "CENTER" PRE = "PRE" ARTICLE = "ARTICLE" ASIDE = "ASIDE" DETAILS = "DETAILS" FIGURE = "FIGURE" FIGCAPTION = "FIGCAPTION" FOOTER = "FOOTER" HEADER = "HEADER" MAIN = "MAIN" MENU = "MENU" NAV = "NAV" SECTION = "SECTION" SUMMARY = "SUMMARY" )
HTML ELEMENT
Variables ¶
var Document = NewDocumentDOM()
A *DocumentDOM
var Window = NewWindowDOM()
A *WindowDOM
Functions ¶
func CSSColor ¶
Create a rgb color (GENERATE A COLOR)
//Example: myColor := CSSColor(255,0,0) // rgb(255,0,0)
func CSSColorWithAlpha ¶
Create a rgba color (GENERATE A COLOR)
//Example: myColor := CSSColorWithAlpha(255,0,0,0.5) // rgba(255,0,0,0.5)
func ConvertSheetToSlice ¶
func ConvertSheetToSlice(sheet CSStylesheet) map[string]string
Convert the sheet to map ignoring a .None and ""
func ExportFunction ¶
Export a function to javascipt. You can call it by name and pass parameters and return them
//Example:
ExportFunction("saludamePapi", func(f []any) any {
Window.Alert(fmt.Sprintf("hola como estas: %s", f[0]))
return fmt.Sprintf("hola como estas: %s", f[0])
})
To call in javascript
const go = new Go();
WebAssembly.instantiateStreaming(fetch("lib.wasm"), go.importObject).then((result) => {
go.run(result.instance);
let h = saludamePapi("juan")
console.table({ saludo: h })
});
Types ¶
type CSStyle ¶
type CSStyle struct {
// contains filtered or unexported fields
}
Represents a Style. Represents a struct that can change the style of an element with various things
func (*CSStyle) FromStylesSheet ¶
func (style *CSStyle) FromStylesSheet(sheet CSStylesheet)
Injects CSS but with a structure. It can be useful for injecting various styles and for code autocompletion.
//Example:
style1 := myObjectDOM.NewStyle()
style1.FromStylesSheet(CSStylesheet{
Color: "red",
BackgroundColor: "blue",
TextAlign: "center",
})
type CSStylesheet ¶
type CSStylesheet struct {
AlignContent string `default:".None"` // CSS
AlignItems string `default:".None"` // CSS
AlignSelf string `default:".None"` // CSS
All string `default:".None"` // CSS
Animation string `default:".None"` // CSS
AnimationDelay string `default:".None"` // CSS
AnimationDirection string `default:".None"` // CSS
AnimationDuration string `default:".None"` // CSS
AnimationFillMode string `default:".None"` // CSS
AnimationIteration string `default:".None"` // CSS
AnimationName string `default:".None"` // CSS
AnimationPlayState string `default:".None"` // CSS
AnimationTiming string `default:".None"` // CSS
BackdropFilter string `default:".None"` // CSS
BackfaceVisibility string `default:".None"` // CSS
Background string `default:".None"` // CSS
BackgroundAttachment string `default:".None"` // CSS
BackgroundBlendMode string `default:".None"` // CSS
BackgroundClip string `default:".None"` // CSS
BackgroundColor string `default:".None"` // CSS
BackgroundImage string `default:".None"` // CSS
BackgroundOrigin string `default:".None"` // CSS
BackgroundPosition string `default:".None"` // CSS
BackgroundRepeat string `default:".None"` // CSS
BackgroundSize string `default:".None"` // CSS
BlockSize string `default:".None"` // CSS
Border string `default:".None"` // CSS
BorderBlock string `default:".None"` // CSS
BorderBlockColor string `default:".None"` // CSS
BorderBlockEnd string `default:".None"` // CSS
BorderBlockEndColor string `default:".None"` // CSS
BorderBlockEndStyle string `default:".None"` // CSS
BorderBlockEndWidth string `default:".None"` // CSS
BorderBlockStart string `default:".None"` // CSS
BorderBlockStartColor string `default:".None"` // CSS
BorderBlockStartStyle string `default:".None"` // CSS
BorderBlockStartWidth string `default:".None"` // CSS
BorderBlockStyle string `default:".None"` // CSS
BorderBlockWidth string `default:".None"` // CSS
BorderBottom string `default:".None"` // CSS
BorderBottomColor string `default:".None"` // CSS
BorderBottomLeftRadius string `default:".None"` // CSS
BorderBottomRightRadius string `default:".None"` // CSS
BorderBottomStyle string `default:".None"` // CSS
BorderBottomWidth string `default:".None"` // CSS
BorderCollapse string `default:".None"` // CSS
BorderColor string `default:".None"` // CSS
BorderImage string `default:".None"` // CSS
BorderImageOutset string `default:".None"` // CSS
BorderImageRepeat string `default:".None"` // CSS
BorderImageSlice string `default:".None"` // CSS
BorderImageSource string `default:".None"` // CSS
BorderImageWidth string `default:".None"` // CSS
BorderInline string `default:".None"` // CSS
BorderInlineColor string `default:".None"` // CSS
BorderInlineEnd string `default:".None"` // CSS
BorderInlineEndColor string `default:".None"` // CSS
BorderInlineEndStyle string `default:".None"` // CSS
BorderInlineEndWidth string `default:".None"` // CSS
BorderInlineStart string `default:".None"` // CSS
BorderInlineStartColor string `default:".None"` // CSS
BorderInlineStartStyle string `default:".None"` // CSS
BorderInlineStartWidth string `default:".None"` // CSS
BorderInlineStyle string `default:".None"` // CSS
BorderInlineWidth string `default:".None"` // CSS
BorderLeft string `default:".None"` // CSS
BorderLeftColor string `default:".None"` // CSS
BorderLeftStyle string `default:".None"` // CSS
BorderLeftWidth string `default:".None"` // CSS
BorderRadius string `default:".None"` // CSS
BorderRight string `default:".None"` // CSS
BorderRightColor string `default:".None"` // CSS
BorderRightStyle string `default:".None"` // CSS
BorderRightWidth string `default:".None"` // CSS
BorderSpacing string `default:".None"` // CSS
BorderStyle string `default:".None"` // CSS
BorderTop string `default:".None"` // CSS
BorderTopColor string `default:".None"` // CSS
BorderTopLeftRadius string `default:".None"` // CSS
BorderTopRightRadius string `default:".None"` // CSS
BorderTopStyle string `default:".None"` // CSS
BorderTopWidth string `default:".None"` // CSS
BorderWidth string `default:".None"` // CSS
Bottom string `default:".None"` // CSS
BoxDecorationBreak string `default:".None"` // CSS
BoxShadow string `default:".None"` // CSS
BoxSizing string `default:".None"` // CSS
BreakAfter string `default:".None"` // CSS
BreakBefore string `default:".None"` // CSS
BreakInside string `default:".None"` // CSS
CaptionSide string `default:".None"` // CSS
CaretColor string `default:".None"` // CSS
Clear string `default:".None"` // CSS
Clip string `default:".None"` // CSS
ClipPath string `default:".None"` // CSS
Color string `default:".None"` // CSS
ColumnCount string `default:".None"` // CSS
ColumnFill string `default:".None"` // CSS
ColumnGap string `default:".None"` // CSS
ColumnRule string `default:".None"` // CSS
ColumnRuleColor string `default:".None"` // CSS
ColumnRuleStyle string `default:".None"` // CSS
ColumnRuleWidth string `default:".None"` // CSS
ColumnSpan string `default:".None"` // CSS
ColumnWidth string `default:".None"` // CSS
Columns string `default:".None"` // CSS
Contain string `default:".None"` // CSS
Content string `default:".None"` // CSS
CounterIncrement string `default:".None"` // CSS
CounterReset string `default:".None"` // CSS
Cursor string `default:".None"` // CSS
Direction string `default:".None"` // CSS
Display string `default:".None"` // CSS
EmptyCells string `default:".None"` // CSS
Filter string `default:".None"` // CSS
Flex string `default:".None"` // CSS
FlexBasis string `default:".None"` // CSS
FlexDirection string `default:".None"` // CSS
FlexFlow string `default:".None"` // CSS
FlexGrow string `default:".None"` // CSS
FlexShrink string `default:".None"` // CSS
FlexWrap string `default:".None"` // CSS
Float string `default:".None"` // CSS
Font string `default:".None"` // CSS
FontFamily string `default:".None"` // CSS
FontFeatureSettings string `default:".None"` // CSS
FontKerning string `default:".None"` // CSS
FontLanguageOverride string `default:".None"` // CSS
FontSize string `default:".None"` // CSS
FontSizeAdjust string `default:".None"` // CSS
FontStretch string `default:".None"` // CSS
FontStyle string `default:".None"` // CSS
FontSynthesis string `default:".None"` // CSS
FontVariant string `default:".None"` // CSS
FontVariantCaps string `default:".None"` // CSS
FontVariantEastAsian string `default:".None"` // CSS
FontVariantLigatures string `default:".None"` // CSS
FontVariantNumeric string `default:".None"` // CSS
FontVariantPosition string `default:".None"` // CSS
FontWeight string `default:".None"` // CSS
Gap string `default:".None"` // CSS
Grid string `default:".None"` // CSS
GridArea string `default:".None"` // CSS
GridAutoColumns string `default:".None"` // CSS
GridAutoFlow string `default:".None"` // CSS
GridAutoRows string `default:".None"` // CSS
GridColumn string `default:".None"` // CSS
GridColumnEnd string `default:".None"` // CSS
GridColumnGap string `default:".None"` // CSS
GridColumnStart string `default:".None"` // CSS
GridGap string `default:".None"` // CSS
GridRow string `default:".None"` // CSS
GridRowEnd string `default:".None"` // CSS
GridRowGap string `default:".None"` // CSS
GridRowStart string `default:".None"` // CSS
GridTemplate string `default:".None"` // CSS
GridTemplateAreas string `default:".None"` // CSS
GridTemplateColumns string `default:".None"` // CSS
GridTemplateRows string `default:".None"` // CSS
HangingPunctuation string `default:".None"` // CSS
Height string `default:".None"` // CSS
Hyphens string `default:".None"` // CSS
ImageOrientation string `default:".None"` // CSS
ImageRendering string `default:".None"` // CSS
InlineSize string `default:".None"` // CSS
Inset string `default:".None"` // CSS
InsetBlock string `default:".None"` // CSS
InsetBlockEnd string `default:".None"` // CSS
InsetBlockStart string `default:".None"` // CSS
InsetInline string `default:".None"` // CSS
InsetInlineEnd string `default:".None"` // CSS
InsetInlineStart string `default:".None"` // CSS
Isolation string `default:".None"` // CSS
JustifyContent string `default:".None"` // CSS
Left string `default:".None"` // CSS
LetterSpacing string `default:".None"` // CSS
LineBreak string `default:".None"` // CSS
LineHeight string `default:".None"` // CSS
ListStyle string `default:".None"` // CSS
ListStyleImage string `default:".None"` // CSS
ListStylePosition string `default:".None"` // CSS
ListStyleType string `default:".None"` // CSS
Margin string `default:".None"` // CSS
MarginBlock string `default:".None"` // CSS
MarginBlockEnd string `default:".None"` // CSS
MarginBlockStart string `default:".None"` // CSS
MarginBottom string `default:".None"` // CSS
MarginInline string `default:".None"` // CSS
MarginInlineEnd string `default:".None"` // CSS
MarginInlineStart string `default:".None"` // CSS
MarginLeft string `default:".None"` // CSS
MarginRight string `default:".None"` // CSS
MarginTop string `default:".None"` // CSS
Mask string `default:".None"` // CSS
MaskBorder string `default:".None"` // CSS
MaskBorderMode string `default:".None"` // CSS
MaskBorderOutset string `default:".None"` // CSS
MaskBorderRepeat string `default:".None"` // CSS
MaskBorderSlice string `default:".None"` // CSS
MaskBorderSource string `default:".None"` // CSS
MaskBorderWidth string `default:".None"` // CSS
MaskClip string `default:".None"` // CSS
MaskComposite string `default:".None"` // CSS
MaskImage string `default:".None"` // CSS
MaskMode string `default:".None"` // CSS
MaskOrigin string `default:".None"` // CSS
MaskPosition string `default:".None"` // CSS
MaskRepeat string `default:".None"` // CSS
MaskSize string `default:".None"` // CSS
MaskType string `default:".None"` // CSS
MaxBlockSize string `default:".None"` // CSS
MaxHeight string `default:".None"` // CSS
MaxInlineSize string `default:".None"` // CSS
MaxWidth string `default:".None"` // CSS
MinBlockSize string `default:".None"` // CSS
MinHeight string `default:".None"` // CSS
MinInlineSize string `default:".None"` // CSS
MinWidth string `default:".None"` // CSS
MixBlendMode string `default:".None"` // CSS
ObjectFit string `default:".None"` // CSS
ObjectPosition string `default:".None"` // CSS
Offset string `default:".None"` // CSS
OffsetAnchor string `default:".None"` // CSS
OffsetBlock string `default:".None"` // CSS
OffsetBlockEnd string `default:".None"` // CSS
OffsetBlockStart string `default:".None"` // CSS
OffsetInline string `default:".None"` // CSS
OffsetInlineEnd string `default:".None"` // CSS
OffsetInlineStart string `default:".None"` // CSS
OffsetDistance string `default:".None"` // CSS
OffsetPath string `default:".None"` // CSS
OffsetRotate string `default:".None"` // CSS
Opacity string `default:".None"` // CSS
Order string `default:".None"` // CSS
Orphans string `default:".None"` // CSS
Outline string `default:".None"` // CSS
OutlineColor string `default:".None"` // CSS
OutlineOffset string `default:".None"` // CSS
OutlineStyle string `default:".None"` // CSS
OutlineWidth string `default:".None"` // CSS
Overflow string `default:".None"` // CSS
OverflowAnchor string `default:".None"` // CSS
OverflowBlock string `default:".None"` // CSS
OverflowInline string `default:".None"` // CSS
OverflowWrap string `default:".None"` // CSS
OverflowX string `default:".None"` // CSS
OverflowY string `default:".None"` // CSS
OverscrollBehavior string `default:".None"` // CSS
OverscrollBehaviorBlock string `default:".None"` // CSS
OverscrollBehaviorInline string `default:".None"` // CSS
OverscrollBehaviorX string `default:".None"` // CSS
OverscrollBehaviorY string `default:".None"` // CSS
Padding string `default:".None"` // CSS
PaddingBlock string `default:".None"` // CSS
PaddingBlockEnd string `default:".None"` // CSS
PaddingBlockStart string `default:".None"` // CSS
PaddingBottom string `default:".None"` // CSS
PaddingInline string `default:".None"` // CSS
PaddingInlineEnd string `default:".None"` // CSS
PaddingInlineStart string `default:".None"` // CSS
PaddingLeft string `default:".None"` // CSS
PaddingRight string `default:".None"` // CSS
PaddingTop string `default:".None"` // CSS
PageBreakAfter string `default:".None"` // CSS
PageBreakBefore string `default:".None"` // CSS
PageBreakInside string `default:".None"` // CSS
PaintOrder string `default:".None"` // CSS
Perspective string `default:".None"` // CSS
PerspectiveOrigin string `default:".None"` // CSS
PlaceContent string `default:".None"` // CSS
PlaceItems string `default:".None"` // CSS
PlaceSelf string `default:".None"` // CSS
PointerEvents string `default:".None"` // CSS
Position string `default:".None"` // CSS
Quotes string `default:".None"` // CSS
Resize string `default:".None"` // CSS
Right string `default:".None"` // CSS
Rotate string `default:".None"` // CSS
RowGap string `default:".None"` // CSS
RubyAlign string `default:".None"` // CSS
RubyMerge string `default:".None"` // CSS
RubyPosition string `default:".None"` // CSS
Scale string `default:".None"` // CSS
ScrollBehavior string `default:".None"` // CSS
ScrollMargin string `default:".None"` // CSS
ScrollMarginBlock string `default:".None"` // CSS
ScrollMarginBlockEnd string `default:".None"` // CSS
ScrollMarginBlockStart string `default:".None"` // CSS
ScrollMarginBottom string `default:".None"` // CSS
ScrollMarginInline string `default:".None"` // CSS
ScrollMarginInlineEnd string `default:".None"` // CSS
ScrollMarginInlineStart string `default:".None"` // CSS
ScrollMarginLeft string `default:".None"` // CSS
ScrollMarginRight string `default:".None"` // CSS
ScrollMarginTop string `default:".None"` // CSS
ScrollPadding string `default:".None"` // CSS
ScrollPaddingBlock string `default:".None"` // CSS
ScrollPaddingBlockEnd string `default:".None"` // CSS
ScrollPaddingBlockStart string `default:".None"` // CSS
ScrollPaddingBottom string `default:".None"` // CSS
ScrollPaddingInline string `default:".None"` // CSS
ScrollPaddingInlineEnd string `default:".None"` // CSS
ScrollPaddingInlineStart string `default:".None"` // CSS
ScrollPaddingLeft string `default:".None"` // CSS
ScrollPaddingRight string `default:".None"` // CSS
ScrollPaddingTop string `default:".None"` // CSS
ScrollSnapAlign string `default:".None"` // CSS
ScrollSnapStop string `default:".None"` // CSS
ScrollSnapType string `default:".None"` // CSS
ShapeImageThreshold string `default:".None"` // CSS
ShapeMargin string `default:".None"` // CSS
ShapeOutside string `default:".None"` // CSS
TabSize string `default:".None"` // CSS
TableLayout string `default:".None"` // CSS
TextAlign string `default:".None"` // CSS
TextAlignLast string `default:".None"` // CSS
TextCombineUpright string `default:".None"` // CSS
TextDecoration string `default:".None"` // CSS
TextDecorationColor string `default:".None"` // CSS
TextDecorationLine string `default:".None"` // CSS
TextDecorationSkip string `default:".None"` // CSS
TextDecorationSkipInk string `default:".None"` // CSS
TextDecorationStyle string `default:".None"` // CSS
TextDecorationThickness string `default:".None"` // CSS
TextEmphasis string `default:".None"` // CSS
TextEmphasisColor string `default:".None"` // CSS
TextEmphasisPosition string `default:".None"` // CSS
TextEmphasisStyle string `default:".None"` // CSS
TextIndent string `default:".None"` // CSS
TextJustify string `default:".None"` // CSS
TextOrientation string `default:".None"` // CSS
TextOverflow string `default:".None"` // CSS
TextRendering string `default:".None"` // CSS
TextShadow string `default:".None"` // CSS
TextSizeAdjust string `default:".None"` // CSS
TextTransform string `default:".None"` // CSS
TextUnderlinePosition string `default:".None"` // CSS
Top string `default:".None"` // CSS
TouchAction string `default:".None"` // CSS
Transform string `default:".None"` // CSS
TransformBox string `default:".None"` // CSS
TransformOrigin string `default:".None"` // CSS
TransformStyle string `default:".None"` // CSS
Transition string `default:".None"` // CSS
TransitionDelay string `default:".None"` // CSS
TransitionDuration string `default:".None"` // CSS
TransitionProperty string `default:".None"` // CSS
TransitionTiming string `default:".None"` // CSS
Translate string `default:".None"` // CSS
UnicodeBidi string `default:".None"` // CSS
UserSelect string `default:".None"` // CSS
VerticalAlign string `default:".None"` // CSS
Visibility string `default:".None"` // CSS
WhiteSpace string `default:".None"` // CSS
Width string `default:".None"` // CSS
WillChange string `default:".None"` // CSS
WordBreak string `default:".None"` // CSS
WordSpacing string `default:".None"` // CSS
WordWrap string `default:".None"` // CSS
WritingMode string `default:".None"` // CSS
ZIndex string `default:".None"` // CSS
}
type DocumentDOM ¶
type DocumentDOM struct {
// contains filtered or unexported fields
}
Represents a Document of Javascript
func NewDocumentDOM ¶
func NewDocumentDOM() *DocumentDOM
Create a new DocumentDOM
//Example: myDocument := NewDocumentDOM()
func (*DocumentDOM) AppendChild ¶
func (d *DocumentDOM) AppendChild(ele *ObjectDOM)
Wrapper of document.appendChild()
//Example: Document.AppendChild(myObjectDOM)
func (*DocumentDOM) Create ¶
func (d *DocumentDOM) Create(typeOfElement string) *ObjectDOM
Wrapper of document.createElement()
//Example: myInfo := Document.Create(H1)
func (*DocumentDOM) GetById ¶
func (d *DocumentDOM) GetById(id string) *ObjectDOM
Wrapper of document.getElementById() with alias
//Example:
myInfo := Document.GetByID("myInfo")
type EventListener ¶
type EventListener struct {
// contains filtered or unexported fields
}
Wrapper of addEventListener and more
//Example:
myListener := NewEventListener(myOjectDOM)
myListener.AddClick("configure click",func(event MouseEvent){
//...
})
Or
myObjectDOM.Listener.AddClick("configure click",func(event MouseEvent){
//...
})
func NewEventListener ¶
func NewEventListener(object *ObjectDOM) *EventListener
Create a *EventListener
//Example: lis := NewEventListener(myObjectDOM) // ...
func (*EventListener) AddClick ¶
func (listener *EventListener) AddClick(name string, function func(MouseEvent))
Add click function with name
//Example:
myObjectDOM.Listener.AddClick("add functions of app",func(event MouseEvent){
// you code
})
func (*EventListener) GetClicks ¶
func (o *EventListener) GetClicks() map[string]func(MouseEvent)
Get all click function with names
func (*EventListener) RemoveClick ¶
func (listener *EventListener) RemoveClick(name string)
Remove a listener
type IObjectDOM ¶
type IObjectDOM interface {
Value() string
SetValue(string) string
InnerHTML() string
SetInnerHTML(string)
GetHTMLType() string
InnerText() string
SetInnerText(string)
AddClass(string)
Class() []string
SetID(string)
ID() string
RemoveClass(string)
ClearClass()
ClearID()
CallFunction(string, ...interface{})
GetProperty(string) js.Value
GetPropertyAsString(string)
SetProperty(string, ...interface{})
}
type MouseEvent ¶
type MouseEvent struct {
X int // X
Y int // Y
ClientX int // ClientX
ClientY int // ClientY
PreventDefault func() // PreventDefault()
Object *ObjectDOM // Object
}
Represents a MouseEvent object in Typescript and JS (It is very incomplete)
type ObjectDOM ¶
type ObjectDOM struct {
Listener *EventListener
// contains filtered or unexported fields
}
Represents a DOM. object
//Example:
oj := Document.GetByID("you id")
oj.SetValue("hello developer :)")
func (*ObjectDOM) AddClass ¶
Add a class to ObjectDOM
//Example:
oj := Document.Create(H4)
oj.AddClass("isGood")
fmt.Println(oj.Class()) // ["isGood"]
func (*ObjectDOM) CallFunction ¶
Call ObjectDOM a function of Javascript
//Example:
oj.CallFunction("Remove",nil)
func (*ObjectDOM) Class ¶
Get a all Class as slice of strings
//Example:
oj := Document.Create(H4)
oj.AddClass("isGood")
fmt.Println(oj.Class()) // ["isGood"]
func (*ObjectDOM) ClearClass ¶
func (oj *ObjectDOM) ClearClass()
Remove a all class of ObjectDOM
//Example:
oj := Document.Create(H4)
oj.AddClass("info")
oj.AddClass("error")
fmt.Println(oj.Class()) // ["info","error"]
oj.ClearClass()
fmt.Println(oj.Class()) // []
func (*ObjectDOM) GetAsStringProperty ¶
Getter a property as string
func (*ObjectDOM) GetHTMLType ¶
Get the type of the HTML object
//Example jk := Document.Create(H1) fmt.Println(jk.GetHTMLType()) // h1
func (*ObjectDOM) GetProperty ¶
Getter a property as js.Value
func (*ObjectDOM) ID ¶
Getter of id
//Example:
information := Document.Create(P)
information.SetID("info")
fmt.Println(information.ID()) // info
func (*ObjectDOM) InnerHTML ¶
Getter of innertText (VALID HTML)
// Example fmt.Println(oj.InnertHTML())
func (*ObjectDOM) InnerText ¶
Getter of innertText (ONLY TEXT)
// Example fmt.Println(oj.InnertText())
func (*ObjectDOM) NewStyle ¶
Create a style bound to the object
//Example:
ob.NewStyle().Inject("color","blue")
func (*ObjectDOM) RemoveClass ¶
Remove a class
//Example:
oj := Document.Create(H4)
oj.AddClass("info")
oj.AddClass("error")
fmt.Println(oj.Class()) // ["info","error"]
oj.RemoveClass("error")
fmt.Println(oj.Class()) // ["info"]
func (*ObjectDOM) SetID ¶
Setter of id
//Example:
information := Document.Create(P)
information.SetID("info")
func (*ObjectDOM) SetInnerHTML ¶
Setter of innertHTML (VALID HTML)
// Example
oj.SetInnerHTML("hello dev")
func (*ObjectDOM) SetInnerText ¶
Setter of innertText (ONLY TEXT)
// Example
oj.SetInnerText("hello dev")
func (*ObjectDOM) SetProperty ¶
Set a property ObjectDOM property of Javascript
//Example:
oj.SetProperty("innerText","hello dev")
type WindowDOM ¶
type WindowDOM struct {
// contains filtered or unexported fields
}
Represents a Global object in Javascript
func (*WindowDOM) CallFunction ¶
Call global function