Hi,
I search a example with bootstrapp and spider basic.
Sincerely
Eric
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)
Users browsing this forum: No registered users and 1 guest