Yes possible we are going to use angular js to make special and useful even when where we are going to display the user info is not a wapka site.
here we go.

Create page called "import.js".

/import.js
---user lister
----configuration:
<'id>:GET(userid);<'/id>

----code:
var app = angular.module('User', []); app.controller('Information', function($scope) { $scope.Username= "%username%";
$scope.Id= "%id%";
$scope.Avatar= "%avatar%";
$scope.Logindate= "%logindate%";
$scope.Country= ":VALUE(%country%).OR(%var(country)%);";
});
you can add more scopes

Now all is done.
Any page or site just add
<'script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"><'/script> <!!--box block--!!>
<'div ng-app="User" ng-controller="Information">Hello {{Username}},you are welcome to my site and your info:
Username: {{Username}}
Id: {{Id}}
more and more scope. <'/div>then under <'script src="http://mywapkasite.com/import/?userid=1234"><'/script>
<!!--box block--!!>

-:VAR(BROWSER);
--Opera
--Chrome
--Safari
--Firefox
--Handheld
--Ucweb

657
76

 Home » Wapka Codes 2022 » how to build real rating 5 star by %total% count
mario
 mario
 5 months ago
Hello i heard you want to build a rating 5 star image for a content like post,musics,videos

All you need are here.
Step 1
build a page called "count.js"
--/count.js
---Api Data Lister
----configuration:
<'pid>:GET(postid);<'/pid><'limit>1<'/limit><'key1>rates<'/key1>
----code(header):
document.getElementById(":GET(postid);star1).src = ":VALUE(%total%).IFGE(10).THEN(yellowstar.png).ELSE(greystar.png);"
document.getElementById(":GET(postid);star2).src = ":VALUE(%total%).IFGE(20).THEN(yellowstar.png).ELSE(greystar.png);"
document.getElementById(":GET(postid);star3).src = ":VALUE(%total%).IFGE(30).THEN(yellowstar.png).ELSE(greystar.png);"
document.getElementById(":GET(postid);star4).src = ":VALUE(%total%).IFGE(40).THEN(yellowstar.png).ELSE(greystar.png);"
document.getElementById(":GET(postid);star5).src = ":VALUE(%total%).IFGE(50).THEN(yellowstar.png).ELSE(greystar.png);"
----code:
:NULL();

Now create new page called "newsfeed.html" etc.
--/newsfeed.html
---api lister or any
attach
<!!postbox start!!>contents etc <img id="%id%star1"><img id="%id%star2"><img id="%id%star3"><img id="%id%star4"><img id="%id%star5"> then make sure these script is under <script src="/count.js/?postid=%id%"></script>
<!!postbox closed!!> the box of the content you are listing
---attach key1-rates when adding comments,likes,etc pointed to the id api lister data.

is possible we need js experience

user.js:

var list = "html code here"
document.getElemetById("userlist").innerHTML = list;

mysite.com/index.html:
<div id="userlist"></div> <script src="/user.js"></script>

file js -userlister
header code:
var list = "

code:
html here

footer code:
"
document.getElementById("userlist").innerHTML = list;

value tags: pop, rock, metal, edm :URL_ENCODE(["%var(tags)%"]).REPLACE(["%2C%20", "%22%2C%20%22"]).URL_DECODE.RANDOM.SET(related).NULL; result var(related) : edm (one of the random var tags above)

Post creator: <*div class="list"><*b>What's On Your Mind?<*/b><*br/><*textarea type="text" name="shout"><*/textarea><*br/><*input type="submit" name="submit" value="Share" /> or <*img src="http://static.ak.fbcdn.net/rsrc.php/v1/yz/r/StEh3RhPvjk.gif"/> <*a href="/photo">Photo<*/a><*/div> Config:<*forumid>14630<*/forumid><*title>salamonvikkas<*/title><*content>:*POST(shout);<*/content> <*status>published<*/status>


Post lister: <*a href="/profile">%username%<*/a><*br/>Says: %content%<*br/>:*VALUE(%delete%).IFEQ(/delete/post/%id%).THEN(<*a href="%delete%">Delete<*/a>).ELSE.NULL;<*br/> Config:<*limit>6<*/limit><*status>published<*/status><*order>new<*/order><*page>:*GET(page);<*/page><*url>?page=<*/url>

1. Tags & functions 2. Html 3. Javascript 4. Jquery 5. css 6. xml 7. wapka script (ws) [new]

1. Chat site 100% 2. Video Share 100% 3. Music Share 100% 4. Graphic Work 100% 5. Blog site 100% 6. Additive Game 92% 7. Mailing to Gmail 25% 8. Map site 55% 9. Website builder 90% 10. Tech & science

<div class="bar1"> <div class="bar1top">Helper function</div> <div class="info">You can use helper function with tag codes. Helper function is very useful for data processing. WAPKA function name is case sensitive. To make function chain use (.) dot</div> <div class="bar13"><b>:GET(name);</b> - To get data from url</div> <div class="bar14"><b>:POST(name);</b> - To get http post data</div> <div class="bar13"><b>:COOKIE(name);</b> - To get http cookie</div> <div class="bar14"><b>:REQUEST(name);</b> - Get combined data from get, post & cookie</div> <div class="bar13"><b>:VALUE(data);</b> - This function is used to set function parameter.</div> <div class="bar14"><b>:DATA(Function or tag or data);</b> - You can get data from many function like :DATA(Name: #GET(name)# ID: #VAR(USER_ID)#);</div> <div class="bar13"><b>:SET(name);</b> - You can use this function to define variable. :VALUE(test data).SET(new_var); You can also call multiply function and make chain - :GET(id).INT.SET(ID); here we get data from url then make sure it number then set variable.</div> <div class="bar14"><b>:SAVE(name);</b> - This is similar as SET but this will save data in server (session) and you can use this data later on any page</div> <div class="bar13"><b>:VAR(name);</b> - To get data from variable use this function</div> <div class="bar14"><b>:DATE();</b> - This function is for date and time. To format current date Use :DATE(formater); You can format any date from other function and also time ago like :VALUE(Dec 2020).DATE(AGO); to use with other function use :VALUE(%date%).DATE(Formater or AGO);</div> <div class="bar13"><b>:SLUG(make url);</b> - Make SEO frendly url from any text. You can use with other function/tag like :SLUG(%title%);</div> <div class="bar14"><b>:URL_ENCODE(url); , :HTML_ENCODE(html);, :BASE64_ENCODE(data);)</b> - To encode data</div> <div class="bar13"><b>:URL_DECODE(url); , :HTML_DECODE(html);, :BASE64_DECODE(data);)</b> - decode encoded data</div> <div class="bar14"><b>:REMOVE_TAG;</b> - to remove html tag from input. usage - :REMOVE_TAG(&lt;tag&gt;this is tag&lt;/tag&gt;); To allow tag use like - :VALUE(&lt;b&gt;this is bold&lt;/b&gt;&lt;i&gt;this is italic&lt;/i&gt;).REMOVE_TAG(&lt;i&gt;);</div> <div class="bar13"><b>:LOWER(MAKE IT LOWER);</b> - convert all character to lower case.</div> <div class="bar14"><b>:UPPER(lower to upper)</b> - convert all character to upper case</div> <div class="bar13"><b>:TRIM( space );</b> - Remove whitespace from data. You can also remove other character like :VALUE(-----test--------).TRIM(-); this will remove all -</div> <div class="bar14"><b>:CHOP(space );</b> - Same as TRIM but remove from at the end of string</div> <div class="bar13"><b>:CUT(["start", "end"]);</b> - Get part of string from start to end you can also set starting and ending position like :VALUE(this is test).CUT([0, 10]); to get first 10 character</div> <div class="bar14"><b>:LENGTH(data);</b> - length</div> <div class="bar13"><b>:INT(1234abcd);</b> - To make sure data is numeric</div> <div class="bar14"><b>:NULL(nothing);</b> - If you want to call a function and hide result use this at the end. :GET(data).SET(var).NULL; set variable and display nothing</div> <div class="bar13"><b>:REPLACE(["search", "replace"]);</b> - This function is used to search and replace you can pass json array or string as parameter. Usage :VALUE(test_data).REPLACE("_data");</div> <div class="bar14"><b>:RANDOM(["one", "two", "three", "More");</b> - Get random value form JSON array or string. To generate random number use like :RANDOM("123456790");</div> <div class="bar13"><b>:PLUS(numeric value);</b> - Math function.</div> <div class="bar14"><b>:MINUS(numeric value);</b> - Math function.</div> <div class="bar13"><b>:DIVIDE(numeric value);</b> - Math function.</div> <div class="bar14"><b>:MULTIPLY(numeric value);</b> - Math function.</div> <div class="bar13"><b>Math function usage:</b> - To calculate data you can use math function. Example usage: :GET(id).PLUS(100); , :VALUE(100).PLUS(100).DIVIDE(2);, :VAR(number).PlUS.GET(number);</div> </div>

<style> msg img{width:150px;height:150px;} </style> <msg>%msg%</msg> dont worry,any image that is inside will be resizeable.