LoadScript() and bootstrap

[ebelouet]

Hi,

I search a example with bootstrapp and spider basic.

Sincerely
Eric

[Danilo]

Small example:

Code: Select all

Procedure FloatingWin(id.s, x, y, width, height, backgroundColor.s="#ffffff", content.s="")
    Protected s.s = "<div id='"+id+"' style='position: absolute; left: "+x+"px; top:"+y+"px; width:"+width+"px; height:"+height+"px; background-color:"+backgroundColor+";'>"+content+"</div>"
    !$("body").append(v_s);
EndProcedure

Procedure BootstrapMain(URL$, Success)
    If Success
        ; https://getbootstrap.com/docs/4.4/components/alerts/
        FloatingWin("alert1",10,10,800,50,"#ffff00",
                    "<div class='alert alert-danger' role='alert'>"+
                    "A simple danger alert With <a href='#' class='alert-link'>an example link</a>. Give it a click If you like.</div>")
       
        ; https://getbootstrap.com/docs/4.4/components/navs/
        FloatingWin("popup1",50,90,710,50,"#000000",
                    "<nav class='nav'>"+
                    "<a class='nav-link active' href='#'>Active</a>"+
                    "<a href='https://www.spiderbasic.com' class='nav-link' href='#'>SpiderBasic</a>"+
                    "<a href='http://forums.spiderbasic.com/' class='nav-link' href='#'>SB Forum</a>"+
                    "<a href='https://www.purebasic.com' class='nav-link' href='#'>PureBasic</a>"+
                    "<a href='https://www.purebasic.fr/english/index.php' class='nav-link' href='#'>PB Forum</a>"+
                    "<a class='nav-link' href='#'>Link</a>"+
                    "<a class='nav-link disabled' href='#' tabindex='-1' aria-disabled='true'>Disabled</a>"+
                    "</nav>")
       
    Else
        Debug "Error while loading: "+URL$
    EndIf
EndProcedure

Procedure LoadBootstrapCSS(URL$, Success)
    If Success
        LoadScript("https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js", @BootstrapMain())
    Else
        Debug "Error while loading: "+URL$
    EndIf
EndProcedure

LoadScript("https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css", @LoadBootstrapCSS(),#PB_Script_CSS)


[ebelouet]

hi
Thank you very much, it's work fine.
eric