Forum FAQForum FAQSearchSearch MemberlistMemberlist Forum ignore listForum ignore list RegisterRegister ProfileProfile Log in to check your private messagesLog in to check your private messages Log inLog in
radio dugmic

 
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side
View previous topic :: View next topic  
Author Message
ON AIR
Guest





PostPosted: 30.05.2006 06:42    Post subject: radio dugmic Reply with quote

dali neko zna kako mogu izmijeniti grafiku radio button.a unutar forme, kazem izmjeniti a mislim ofarbati tako da nepostoji ili pak nesto slicno . . .

npr: http://www.workshop.ba/trash/mailing.gif
Back to top
Sulien



Joined: 04 Jan 2004
Posts: 2905
Location: Zagreb

PostPosted: 30.05.2006 08:21    Post subject: Add user to your forum ignore list Reply with quote

radio button jako je teško style-ati, web-burza to često radi pa pogledaj na njihovim radovima - ako je od njih, znaš da je tehnika bulletproof Smile

možda bi Maratz bio toliko ljubazan pa podijelio rješenje s nama? koliko znam, komplicirano je Confused
Back to top
View user's profile Send private message Send e-mail Visit poster's website
ON AIR
Guest





PostPosted: 30.05.2006 08:36    Post subject: Reply with quote

tnx, pitat cu
_a nije valjda toliko cmPlkTd
Back to top
carr



Joined: 13 Nov 2003
Posts: 1397
Location: Karlovac

PostPosted: 30.05.2006 12:01    Post subject: Add user to your forum ignore list Reply with quote

nekad je to bilo ovdje
http://www.jacobrask.net/blog/enhanced-form-widgets
ali je krepalo.

ja sam nasao te fajllove kod sebe na kompu, pa ako oces posaljem ti na mail, javi se na PM

_________________
Bolje biti malo lud, nego malo pametan.
Back to top
View user's profile Send private message Visit poster's website
dabac



Joined: 30 May 2006
Posts: 57

PostPosted: 30.05.2006 13:01    Post subject: Re: radio dugmic Add user to your forum ignore list Reply with quote

In Air wrote:
mislim ofarbati tako da nepostoji


ak hoces da "ne postoji", to jest da se ne vidi:
Code:
<input name="r1" type="radio" value="1" style="visibility:hidden" />


a koja mu je svrha ako se ne vidi?

Ako pak hoces neke posve custom radiobuttone, moja preporuka je da n apravis 2 grafike (ukljucen i iskljucen), jedno hidden polje koje ce cuvati vrijednost, te Javascriptom mijenjas prikaz grafike i vrijednost hidden polja
Back to top
View user's profile Send private message
ON AIR
Guest





PostPosted: 30.05.2006 13:49    Post subject: Re: radio dugmic Reply with quote

Quote:
a koja mu je svrha ako se ne vidi?

Ako pak hoces neke posve custom radiobuttone, moja preporuka je da n apravis 2 grafike (ukljucen i iskljucen), jedno hidden polje koje ce cuvati vrijednost, te Javascriptom mijenjas prikaz grafike i vrijednost hidden polja

kao sto sam prikazao na gifu, tako sam i zamislio samo :hover efekat on mouseclick, i da to bude to, ak' mozes de mi jos malo ovo objasni . . .
Back to top
maratz
mi3.crew


Joined: 24 Nov 2003
Posts: 1207
Location: ZAG

PostPosted: 30.05.2006 13:50    Post subject: Add user to your forum ignore list Reply with quote

ovak iz glave + random c/p

JavaScript:
Code:

var d = document;
var safari = (navigator.userAgent.toLowerCase().indexOf('safari') != -1) ? true : false;
var gebtn = function(parEl,child) { return parEl.getElementsByTagName(child); };
onload = function() {
    if(!d.getElementById || !d.createTextNode) return;
    var l = gebtn(d,'label');
    for (var i = 0; i < l.length; i++) {
        if (l[i].className == 'label_check') {
            l[i].className = (safari) ? (gebtn(l[i],'input')[0].checked == true) ? 'label_check c_on' : 'label_check c_off' : (gebtn(l[i],'input')[0].checked) ? 'label_check c_on' : 'label_check c_off';
            l[i].onclick = check_it;
        };
        if (l[i].className == 'label_radio') {
            l[i].className = (safari) ? (gebtn(l[i],'input')[0].checked == true) ? 'label_radio r_on' : 'label_radio r_off' : (gebtn(l[i],'input')[0].checked) ? 'label_radio r_on' : 'label_radio r_off';
            l[i].onclick = turn_radio;
        };
    };
};
var check_it = function() {
    if (this.className == 'label_check c_off' || (!safari && gebtn(this,'input')[0].checked)) {
        this.className = 'label_check c_on';
        if (safari) gebtn(this,'input')[0].checked = true;
    } else {
        this.className = 'label_check c_off';
        if (safari) gebtn(this,'input')[0].checked = false;
    };
};
var turn_radio = function() {
    if (this.className == 'label_radio r_off' || gebtn(this,'input')[0].checked) {
        var ls = gebtn(this.parentNode,'label');
        for (var i = 0; i < ls.length; i++) {
            if (ls[i].className.indexOf('label_radio') != -1) {
                ls[i].className = 'label_radio r_off';
            };
        };
        this.className = 'label_radio r_on';
        if (safari) gebtn(this,'input')[0].checked = true;
    } else {
        this.className = 'label_radio r_off';
        if (safari) gebtn(this,'input')[0].checked = false;
    };
};


HTML:
Code:
<label class="label_check c_off" for="bla"><input name="bla" id="bla" value="1" type="checkbox" /> bla</label>
<label for="bla" class="label_radio r_off"><input name="bla" id="bla" value="1" type="radio" /> bla</label>


CSS:
Code:
label.c_off,
label.r_off,
label.c_on,
label.r_on { padding-left: 20px; }

label.c_off input,
label.r_off input,
label.c_on input,
label.r_on input { position: absolute; left: -9999px; }

label.r_off { background: url(radio_off.gif); }
label.c_off { background: url(check_off.gif); }
label.c_on { background: url(check_on.gif); }
label.r_on { background: url(radio_on.gif); }


To sve imaš i na http://www.nacional.hr/ odnosno na http://www.hellgatelondon.com/demons/ pa prouči dodatno šta ti fali.

_________________
STOP HITTING YOURSELF! | NETIQUETTE | TYPETESTER | Hypertext rulez™ | CREATIVE NIGHTS | ACCOMMODATIONS
Back to top
View user's profile Send private message Visit poster's website Twitter profile
ON AIR
Guest





PostPosted: 30.05.2006 13:58    Post subject: Reply with quote

velika hvala, sta drugo reci, zaista spasio si me
tnx a lot again !
hvala svima pravi ste drugari
hvala hvala hvalaaa
eh sada valja dalje ...
Back to top
Sulien



Joined: 04 Jan 2004
Posts: 2905
Location: Zagreb

PostPosted: 30.05.2006 16:32    Post subject: Add user to your forum ignore list Reply with quote

Aha, znači izbaciš ga sa ekrana i zamijeniš sa bgr slikom? Kužim...

Ja sam mislio da se radi nekim overlay-em preko njega... ovo je možda još i jednostavnije, JS radi sav posao

thnx
Back to top
View user's profile Send private message Send e-mail Visit poster's website
dabac



Joined: 30 May 2006
Posts: 57

PostPosted: 01.06.2006 11:14    Post subject: Re: radio dugmic Add user to your forum ignore list Reply with quote

In Air wrote:
Quote:
a koja mu je svrha ako se ne vidi?

Ako pak hoces neke posve custom radiobuttone, moja preporuka je da n apravis 2 grafike (ukljucen i iskljucen), jedno hidden polje koje ce cuvati vrijednost, te Javascriptom mijenjas prikaz grafike i vrijednost hidden polja

kao sto sam prikazao na gifu, tako sam i zamislio samo :hover efekat on mouseclick, i da to bude to, ak' mozes de mi jos malo ovo objasni . . .


Evo ti moja varijanta s grafikama:

<html><head>
<script language="javascript">
var broj_radiobuttona=3;
// navedi iznad koliko imas radiobuttona
function chekni(xx,yy) {
eval('document.form1.rb.value="'+yy+'";')
for (ii=1;ii<broj_radiobuttona+1;ii++) {
eval('document.images["rb'+ii+'"].src="unchecked.gif"')
}
eval('document.images["rb'+xx+'"].src="checked.gif"')
}
</script>
</head>

<body>
<form id="form1" name="form1" method="get" action="negdje.php">
<a href="javascript:chekni(1,'vrijednost1')"><img src="unchecked.gif" name="rb1" border="0" id="rb1" /></a>
<a href="javascript:chekni(2,'vrijednost2')"><img src="unchecked.gif" name="rb2" border="0" id="rb2" /></a>
<a href="javascript:chekni(3,'vrijednost3')"><img src="unchecked.gif" name="rb3" border="0" id="rb3" /></a> <br />
<input name="rb" type="hidden" value="0" />
<input type="submit" value=" Submit " />
</form>
</body>
</html>

Bitno je da radiobuttone nazivas po redu rb1, rb2, rb3...
a da u pozivu funkcije chekni() u parametre navedes redni broj radiobuttona i vrijednost koju nosi; pogledaj kod i bit ce ti jasnije...
Naravno, ovo je JS dependent varijanta.

Na strani 'negdje.php' dohvacas vrijednost rb.
Back to top
View user's profile Send private message
maratz
mi3.crew


Joined: 24 Nov 2003
Posts: 1207
Location: ZAG

PostPosted: 01.06.2006 16:41    Post subject: Add user to your forum ignore list Reply with quote

@dabac: JavaScript dependant varijanta je najgore moguće riješenje iz doba 90-ih i DHTML-a.

BTW, ovo što si napisao nije DOM, već "html-dom", koji ne radi u XML dokumentima, a javascript: nije službeni protokol. Uz pohvalu za uloženi trud, imaj na umu da su korisnici na mi3ju naučeni na najbolja/najispravnija/standards compliant riješenja...

_________________
STOP HITTING YOURSELF! | NETIQUETTE | TYPETESTER | Hypertext rulez™ | CREATIVE NIGHTS | ACCOMMODATIONS
Back to top
View user's profile Send private message Visit poster's website Twitter profile
ON AIR
Guest





PostPosted: 01.06.2006 17:26    Post subject: Reply with quote

Maratz hvala puno na konstanom zalaganju da svi mi3.evci nauče samo najbolje Wink
BTW: Naravno i veliko HVALA svima !
Prava ste raja . . .
Back to top
Display posts from previous:   
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side All times are GMT + 1 Hour
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2005 phpBB Group