Gå til innhold

Hjelp med JQuery [løst]

harrir

Anbefalte innlegg

harrir

harrir

Skrevet
Skrevet (endret)

Halla.

 

Noen her som kan JQuery?

 

Skal legge på en enkel slideDown effekt på en div, også prøvde jeg en koden som var på denne eksempel sida (eksempel B), men får den ikke til å funke. Kan noen forklare meg hvorfor det funker på eksempelsida og ikke på min side?

 

Fant en annen måte å gjøre det på, men det var med mye mer kode og det er ikke like lett å får den til å slide opp igjen om med den andre koden.

 

 

All kode ligger her:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Legg til innlegg</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="http://www.easylivingmusic.com/jquery/jquery.js"></script> 
<script type="text/javascript" src="http://www.easylivingmusic.com/jquery/form.js"></script>
<!--<script type="text/javascript" src="http://www.easylivingmusic.com/jquery/slide.js"></script>-->
<link rel="stylesheet" type="text/css" href="./style.css" />

__HER ER SCRIPTETNE__

Min kode som fungerer:
<script type="text/javascript">
$(document).ready(function ()  {
 $("#write").hide();
 $("#slide1").click(function () {
$("#write").slideDown("slow");
 });
});
</script>

Eksempel kode tilpasset min side:
<script type="text/javascript">
$(document).ready(function ()  {
$("#slide1").click(function(){ 
$("#wrap").find("#write:hidden").slideDown("slow"); });
$("#slide1").click(function(){ 
$("#wrap").find("#write:visible").slideUp("slow"); });
});
</script>


Orginal eksempelkode:
$(document).ready(function(){
//Code for example B
$("input.buttonBslidedown").click(function(){ $("div.contentToChange").find("p.firstparagraph:hidden").slideDown("slow"); });
$("input.buttonBslideup").click(function(){
$("div.contentToChange").find("p.firstparagraph:visible").slideUp("slow"); });
});
</head>

<body>
<div id="wrap">
<a><h3 id="slide1">Legg til et nytt innlegg ved å skrive inn her..</h3></a)<br />
<div id="write">
<p>For å gjøre det lettere å formatere innlegget har bloggen<br /> 
en plugin som gjør det mulig å bruke Markdown.<br />
Les mer om Markdown på <a href="http://daringfireball.net/projects/markdown/" target="_blank">http://daringfireball.net/projects/markdown/</a></p>
<div id="respons"></div>
<form id="write_form" action="write.php" method="post" >
Navn på fil:<br />
<input type="text" name="name" id="name" /><br />
 Tittel:<br />
 <input type="text" name="title" id="title" /><br />
 Innlegg:<br />
 <textarea name="innlegg" id="innlegg" cols="50" rows="10"></textarea><br />
 <input type="submit"  id="submit" />
</form>
</div>

<br />
<h3 id="slide2">..Eller last opp et ferdig skrevet innlegg.</h3>
<div id="upload">
<br />
<fieldset id="fieldset">
<legend>Last opp fil</legend>
<form id="upload_form" action="uploadftp2.php" method="post" enctype="multipart/form-data">
Fil:<input type="file" name="file" id="file" />
<input type="submit" id="submit" value="Last opp" />
</form>
</fieldset>
</div>
</div>
</body>
</html>

 

 

 

EDIT: Fant ut av det. måtte legge til display:none; i cssen for #write. men problemet nå er at den går ned og opp igjen med en gang fordi jeg bruker bare et element å trykke på, mens eksempelsida bruker en knapp til ned og en knapp til opp.

Noen som vet hvordan jeg kan fikse dette?

 

EDIT2: med litt mekking og testing fant jeg en løsning.

Koden:

<script type="text/javascript">
$(document).ready(function ()  {
 $("#slide1").toggle(function(){ 
$("#write:hidden").slideDown("slow");
  }, function() {
  $("#write:visible").slideUp("slow");
  });
  $("#slide2").toggle(function(){ 
$("#upload:hidden").slideDown("slow");
  }, function() {
  $("#upload:visible").slideUp("slow");
  });
});
</script>

 

er åpen for forberdringer viss noen har det.

Endret av harrir
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
×
×
  • Opprett ny...