Oggetto Skill bar dati da esterno 
Author: Andrea B.
Visited 2111,
Followers 2,
Shared 0
Ho appena comprato l'oggetto skill bar (16 crediti!) ma così com'è è abbastanza inutile per quello che costa.
La mancanza fondamentale è che non si possono usare valori importabili da esterno da un DB o da altre parti del sito stesso. Ad esempio io dovrei visualizzare sulla skill bar un umero che viene scritto su un DB MySql (diciamo da 0 100).
Esiste un altro metodo alternativo o è possibile adattare la skill bar per far questo ?
Grazie.
Posted on the
non sei il primo e neanche l'ultimo a lamentarsi....
gli oggetti opzionali che leggono fati da database sono database Viewer e Poll
... se si è minimamente esperti, si potrebbe far da se...
... adesso, non avendo il programma non posso provare quell'oggetto...
... ma, visto che si chiedono alternative, mi son ricordato di un link fornito da lemonsong in >> questo Topic ...i cui valori di controllo potrebbero essere recuperati dinamicamente...
... purtroppo i miei esempi sono andati estinti e magari l'autore di quel Topic potrebbe averli conservati, ma, come detto, se si è minimamente esperti non si dovrebbero incontrare difficoltà...
... altrimenti ci si dovrà accontentare di ri-editare e ri-esportare per aggiornare di volta in volta...
.
Avendo avuto anche io la necessità di mostrare graficamente dei dati presenti in un database, ho constatato la difficoltà che un programmatore può avere nel creare un oggetto skillbar collegato a un database.
I problemi sono essenzialmente sul tipo di dati da mostrare e in relazione a cosa.
Cosa devo mostrare? un numero?
Che paragono con che cosa? un'altro numero? una somma di dati? un conteggio di dati presenti in un database? Quanti iscritti al mio sito abitano nella mia cittò?
Per alcune casistiche predefinite è semplice definirlo per esempio l'oggetto pool dove i dati sono definiti e il risultato è una statistica, ma fare un oggetto buono per tutti gli usi...
Se comunque vuoi cimentarti personalmente a fare qualcosa, non è difficile utilizzando le librerie jquery che per altro sono già caricate da website.
alcuni spunti li puoi trovare qui
un piccolo esempio qui
Ciao
... ottimo! ...infatti è possibile in EXTRA, come avvenne nel topic precedentemente indicato; per gli esperti basterebbe relazionare php e JS; ... con SwishMax, ormai messo al bando dai soliti (!), basterebbe un semplice TXT...
.
@Giorgio, non sarebbe male l'aggiunta del codice oppure il file iwzip nell'esempio. per chi non legge i codici html
Eccolo. Ciao
oggetto html e pagina php
<?php
require_once("res/x5engine.php");
$qchiave = array_keys($imSettings['databases']);
$qdati = getDbData($qchiave[0]);
$host = $qdati['host'];
$db_user = $qdati['user'];
$db_psw = $qdati['password'];
$db_name = $qdati['database'];
$qfolder = $imSettings['general']['public_folder'];
$db = new mysqli ($host, $db_user, $db_psw, $db_name);
$db ->autocommit(FALSE);
if ($db->connect_error) { die("Connessione fallita: " . $db->connect_error); }
$tabella="skill";//Da personalizzare
$sql= "SELECT * FROM $tabella ORDER BY id DESC LIMIT 1";
$result = $db->query($sql);
$row = $result->fetch_assoc();
$num= $row['num'];
$db->close();
?>
<script type="text/javascript">
$(document).ready(function(){
$("#skillbar_num").animate({width:<?php echo $num*20; ?>},1500);
});
</script>
<div id="wrapper">
<div class="skill_name" id="skill_num">ultimo nr inserito</div>
<div class="skillbar_wrapper">
<div class="skillbar_bar" id="skillbar_num"></div>
<div class="skill_bar_percent"><?php echo $num; ?></div>
</div>
</div>
sezione esperto oggetto html (css)
#wrapper
{
margin:0 auto;
padding:0px;
text-align:center;
width:250px;
}
.skill_name
{
margin-left:0px;
width:200px;
height:40px;
line-height:40px;
font-weight:bold;
font-size:13px;
color:white;
clear:both;
float:left;
border-radius:3px 0px 0px 3px;
}
#skill_num
{
background-color:#088A85;
}
.skillbar_wrapper
{
float:left;
position:relative;
display:block;
margin-bottom:3px;
width:200px;
background-color:#E6E6E6;
height:40px;
border-radius:0px 3px 3px 0px;
}
.skillbar_bar
{
height:40px;
width:00px;
border-radius:0px 3px 3px 0px;
}
#skillbar_num
{
background-color:#01DFD7;
}
.skill_bar_percent
{
position:absolute;
right:10px;
top:0;
font-size:12px;
height:40px;
line-height:40px;
color:black;
}