Gå til innhold

Fancy funksjoner, hvordan få til?

AnaXyd

Anbefalte innlegg

AnaXyd

AnaXyd

Skrevet
Skrevet (endret)

Heisann!

 

Driver å setter opp en nettbutikk, litt "hemlaga" saker, så jeg må legge til litt ting som gjør at det blir litt mer fiffig! :)

 

Jeg er ute etter en enkel sak: (tror jeg da)

 

Når man klikker på en knapp, (<input> typen), så skal det dukke opp en tekst under som det står f.eks "Varen er lagt til handlekurven!"

 

Noen som vet hvordan jeg kan få til dette, eller noen guider etc på nett som forteller dette? Aner nemlig ikke hva jeg skal søke på i Google for å finne det. :)

 

 

Håper på svar! :)

 

 

EDIT: Aj, aj, aj.. For trøtt til å forstå at dette ikke var PHP delen av forumet gitt. Om en mod kunne ha flyttet hadde det vært konge! Og om noen her inne eventuelt vet hva jeg er ute etter, kom gjerne med det!

Endret av AnaXyd
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Mjauriksen

Mjauriksen

Skrevet
Skrevet

vanskelig å begynne å programere fra bunn av hvis du aldri har gjort dette før, men det er veldig lett og lage en side ut fra en mal. webs.com har fine maler for handle sider tok meg tiden til å lage et lite eksempel: http://eksempelbutikk.webs.com/

 

Sjekk ut storen ;-) jeg gadd ikke sette opp skatte instilingene for Pay Pal og sånt men det er bare å følge stegene. Dette er en såkalt gratis side men for 200 kr. i året eller no sånt kan du få ditt egene domene uten reklame. da blir adressen http://eksempelbutikk.com/istedenfor http://eksempelbutikk.webs.com/

 

legg merke til at denne malen har fiksa handle kurv og gjort det lett og oversiktlig å handle. jeg la bare ut to "varer" og gadd ikke å katgorisere disse. men det er lett å katogorisere varene får mer oversikt=-)

 

lurer du på noe mer bare spør.

 

Lykke til. link siden når den er ferdig.

Lenke til kommentar
4588pkdkrikue5c

4588pkdkrikue5c

Skrevet
Skrevet (endret)

Hei!

Det lar seg gjere med litt JQuery skal du sjå. Og det er enkelt som berre det, les dokumentasjonen, så er du på høgden på nokre minuttar.

Utfrå koden som ligg vedlagt, finn du nok utav det.

 

Last ned JQuery scriptet, og legg på rota på sida di.

 

Så kan du berre eksprimentere med dette dømet:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Sidetittel</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
// basic show and hide
$(document).ready(function() {
  $('#vistekst').click( function() {
$('#lagret').fadeIn(500);
  });
});
</script>
<link href="stil.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="kontainer">
	<button href="#" id="vistekst" name="vistekst">Legg til i handlekurv</button>

	<p style="display:none;"id="lagret">Innlegget er lagret!</p>

</div>
</body>
</html>

Lukke til :)

 

Redigert: Dette er i mykje større grad javascript relatert, enn kva det er PHP-relatert trur eg.

Endret av steffenz
Lenke til kommentar
AnaXyd

AnaXyd

Skrevet
  • Forfatter
Skrevet

Prøvde meg med noe tilfeldig;

 

$('#lagret').fadeIn(500);

$('#lagret').fadeOut(500);

 

Og det funket greit, bortsett fra at den begynner utfadinga rett etter innfadinga. Men funker greit helt frem til jeg finner en slags ventekommando! :) jQuery er fantastiske saker!

Lenke til kommentar
AnaXyd

AnaXyd

Skrevet
  • Forfatter
Skrevet (endret)

Takk for svar! :) Drevet med en ny fancy sak nå, og har endelig fått den til å funke i sida mi. Masse knot, men gikk til slutt!

 

jQuery kode:

 

		$(function(){

		$("#kat2-button").css({
			opacity: 0.3
		});
		$("#kat3-button").css({
			opacity: 0.3
		});
		$("#kat4-button").css({
			opacity: 0.3
		});
		$("#kat5-button").css({
			opacity: 0.3
		});

		$("#shocker li.button").click(function(){

			$clicked = $(this);

			// if the button is not already "transformed" AND is not animated
			if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {

				$clicked.animate({
					opacity: 1,
				}, 600 );

				// each button div MUST have a "xx-button" and the target div must have an id "xx" 
				var idToLoad = $clicked.attr("id").split('-');

				//we search trough the content for the visible div and we fade it out
				$("#slidercontent").find("div:visible").fadeOut("fast", function(){
					//once the fade out is completed, we start to fade in the right div
					$(this).parent().find("#"+idToLoad[0]).fadeIn();
					$(this).parent().find("div.prom-text").fadeIn();
					$(this).parent().find("div.readmore").fadeIn();
				})
			}

			//we reset the other buttons to default style
			$clicked.siblings(".button").animate({
				opacity: 0.5,
			}, 600 );

		});
	});

 

Spørsmålet mitt er om det finnes en mulighet for å automatisk la den "slide" igjennom de ulike knappene?

 

Funksjonen kan oppleves på denne sida: http://www.vitradirect.com/

 

De har brukt den i den øverste blogg saken sin! :)

Endret av AnaXyd
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...