как да направя един чекбокс да стане с звездички

H

HaCkErChE

Registered
Здравейте,имам един върпос към вас ,как да направя чек бокс да стане като рейтинг система всмисъл тези чекове да им придам стил да станат със звездички някой има ли идея как ще стане
Код: 
<form action="" id="ratingform" method="post"><center>
Въпрос1:
<input    type="radio" name="rating" value="1">  
<input type="radio" name="rating" value="2">  
<input type="radio" name="rating" value="3">  
<input type="radio" name="rating" value="4">  
<input type="radio" name="rating" value="5">  


<br><br>
Въпрос2:
<input type="radio" name="rating2" value="1">  
<input type="radio" name="rating2" value="2">  
<input type="radio" name="rating2" value="3">  
<input type="radio" name="rating2" value="4">  
<input type="radio" name="rating2" value="5">  
<br><br>
Въпрос3:
<input type="radio" name="rating3" value="1">  
<input type="radio" name="rating3" value="2">  
<input type="radio" name="rating3" value="3">  
<input type="radio" name="rating3" value="4">  
<input type="radio" name="rating3" value="5">  
<br><br>
Въпрос4:
<input type="radio" name="rating4" value="1">  
<input type="radio" name="rating4" value="2">  
<input type="radio" name="rating4" value="3">  
<input type="radio" name="rating4" value="4">  
<input type="radio" name="rating4" value="5">  
<br><br>
Въпрос5:
<input type="radio" name="rating5" value="1">  
<input type="radio" name="rating5" value="2">  
<input type="radio" name="rating5" value="3">  
<input type="radio" name="rating5" value="4">  
<input type="radio" name="rating5" value="5">  
<br /> <input type="submit" name="rate" value="Оценете" />
това ми е структората
 
Задаваш им по един клас class="start"
и в css-a си пишеш:
[css]
.star {
background: url('star.png');
}[/css]
съответно си задаваш височина, ширина и тн.
 
това с класа не става а долният урок нещо немога да го разбера вмис на мен ми трябва резултата да ми се изпраща на емейл общо 5 върпоса и като ги напраиш да се праща на мейла резултата за ся всичко е наред просто трябва да направя тези чекове като звездички
 
HaCkErChE каза:
това с класа не става а долният урок нещо немога да го разбера вмис на мен ми трябва резултата да ми се изпраща на емейл общо 5 върпоса и като ги напраиш да се праща на мейла резултата за ся всичко е наред просто трябва да направя тези чекове като звездички
Увеличете...
Трябва да работи. Покажи как си го направил. Другото, за което се сетих е ето това: http://html-bg.info/tutorials.php?id=11
 
Код: 
<style>
.star {
background: url('star.png');
}
</style>
  <meta http-equiv="Content-Type" content="text/html;charset=windows-1251"/>
<form action="" id="ratingform" method="post"><center>
Въпрос1:
<input    type="radio" class="star"  name="rating" value="1">  
<input  type="radio" name="rating" class="star"  value="2">  
<input type="radio" name="rating" class="star"  value="3">  
<input   type="radio" name="rating" class="star"  value="4">  
<input  type="radio" name="rating" class="star"  value="5">  


<br><br>
Въпрос2:
<input type="radio" name="rating2" value="1">  
<input type="radio" name="rating2" value="2">  
<input type="radio" name="rating2" value="3">  
<input type="radio" name="rating2" value="4">  
<input type="radio" name="rating2" value="5">  
<br><br>
Въпрос3:
<input type="radio" name="rating3" value="1">  
<input type="radio" name="rating3" value="2">  
<input type="radio" name="rating3" value="3">  
<input type="radio" name="rating3" value="4">  
<input type="radio" name="rating3" value="5">  
<br><br>
Въпрос4:
<input type="radio" name="rating4" value="1">  
<input type="radio" name="rating4" value="2">  
<input type="radio" name="rating4" value="3">  
<input type="radio" name="rating4" value="4">  
<input type="radio" name="rating4" value="5">  
<br><br>
Въпрос5:
<input type="radio" name="rating5" value="1">  
<input type="radio" name="rating5" value="2">  
<input type="radio" name="rating5" value="3">  
<input type="radio" name="rating5" value="4">  
<input type="radio" name="rating5" value="5">  
<br /> <input type="submit" name="rate" value="Оценете" />
</form>
<?php
if (isset($_POST['rate'])) {
$rate = $_POST['rating'];
$rate2 = $_POST['rating2'];
$rate3 = $_POST['rating3'];
$rate4 = $_POST['rating4'];
$rate5 = $_POST['rating5'];
echo " Вие успешно гласувахте с оценка <b>".$rate."</b>";
mail("emeila", 'Temata '.glasuvane, "Въпрос1:   ".$rate." \n Въпрос2: ".$rate2." \n 

Въпрос3: ".$rate3." \n Въпрос4: ".$rate4." \n Въпрос5: ".$rate5."");

} 
?>
това е целия код
 
Aaaa.... На радио бутон няма как да се сложи. :) Ако го направиш например submit ще стане.
 
сега имам друг проблем излиза ми формата и оценявам праща ми емейл обаче като се пробвах да копирам формата защото трябва да направя общо 5 въпроса да се оценяват с звездички нещо вторият не излиза имате ли идея защо кода е по доло
Код: 
<!DOCTYPE html>
<html><head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1251">
  <title> - jsFiddle demo</title>
  <script type="text/javascript" src="-%20jsFiddle%20demo_files/mootools-core-1.js"></script>
  <script type="text/javascript" src="-%20jsFiddle%20demo_files/mootools-1.js"></script>
  

    
    
      <script type="text/javascript" src="-%20jsFiddle%20demo_files/moostarrating.txt"></script>
    
  
  <style type="text/css">
    /* CSS for this example. You don't need any in your pages */

form {
    margin: 10px 0; }

form label, form span {
    font-size: 12px;
    color: #999999;
    position: relative;
    top: -3px;
    display: inline-block;
    font-weight: bold;
    font-family: sans-serif; }

form label {
    text-align: right;
    width: 120px;
    padding-right: 3px;
    color: #666666; }

  </style>
  
  <script type="text/javascript">
  //<![CDATA[ 
  window.addEvent('load', function() {
  // Default images folder definition. You will use your own.
MooStarRatingImages.defaultImageFolder = 
    'https://github.com/lorenzos/MooStarRating/raw/master/Graphics';

// ================================================================


// Some simple options
var simpleRating = new MooStarRating({
    form: 'simple',
    imageEmpty: 'star_boxed_empty.png', // Different image
    imageFull:  'star_boxed_full.png',  // Different image
    imageHover: 'star_boxed_hover.png', // Different image
    width: 17,                          // One pixel bigger
    tip: 'Rate [VALUE]/[COUNT]',        // Mouse rollover tip
    tipTarget: $('simpleTip')           // Tip element
});




var simpleRating2 = new MooStarRating({
    form: 'simple2',
    imageEmpty: 'star_boxed_empty.png', // Different image
    imageFull:  'star_boxed_full.png',  // Different image
    imageHover: 'star_boxed_hover.png', // Different image
    width: 17,                          // One pixel bigger
    tip: 'Rate [VALUE]/[COUNT]',        // Mouse rollover tip
tipTarget: $('simpleTip2')           // Tip element

});




// ================================================================

// ================================================================

// Click callback function
function myCallback(value) {
    alert(
        "Star clicked, rated " + value + "\n" +
        "Now you can send your ajax requests to store rating \n" + 
        "or simply call myForm.send() to submit your form!"
    );
}

// Click event

simpleRating.addEvent('click', myCallback);
simpleRating2.addEvent('click', myCallback);
  });
  
  
  

  //]]> 
 


 </script>
  
</head>
<body>

<form class="star_grj4ujyg" name="simple"   method="POST" >
    <label>Vypros1:</label>
    <input style="display: none;" name="rating" value="1" type="radio">
    <input style="display: none;" name="rating" value="2" checked="checked" type="radio">
    <input style="display: none;" name="rating" value="3" type="radio">
    <input style="display: none;" name="rating" value="4" type="radio">
    <input style="display: none;" name="rating" value="5" type="radio">    <span id="simpleTip"></span>
</form>
<form class="star_grj4ujyg" name="simple2"   method="POST" >
 
    <label>Vypros1:</label>
    <input style="display: none;" name="rating2" value="1" type="radio">
    <input style="display: none;" name="rating2" value="2" checked="checked" type="radio">
    <input style="display: none;" name="rating2" value="3" type="radio">
    <input style="display: none;" name="rating2" value="4" type="radio">
    <input style="display: none;" name="rating2" value="5" type="radio">    <span id="simpleTip2"></span>


 <input type="submit" name="rate" value="Оценете" />
</form>

















<?php
if (isset($_POST['rate'])) {
$rate = $_POST['rating'];
$rate2 = $_POST['rating2'];
$rate3 = $_POST['rating3'];
$rate4 = $_POST['rating4'];
$rate5 = $_POST['rating5'];
echo " Вие успешно гласувахте с оценка <b>".$rate."</b>";
mail("updated@abv.bg", 'Temata '.glasuvane, "Въпрос1:   ".$rate." \n Въпрос2: ".$rate2." \n Въпрос3: ".$rate3." \n Въпрос4: ".$rate4." \n Въпрос5: ".$rate5."");

} 
?>


  





</body></html>
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Горе