Avatar billede mitbrugernavn Praktikant
12. februar 2008 - 08:29 Der er 6 kommentarer og
1 løsning

aflæse a href med javascript til ajax

jeg har denne form og javascript som kører super
- men hvis jeg nu vil have det som et link som dette istedet for så fungere det ikke så godt ;-))

f.eks. således:


<a href="test.asp?vare_antal=2&vare_pris=40&vare_id=Lagkage med jordbær">bestil antal 2 </a> <br>
<a href="test.asp?vare_antal=3&vare_pris=40&vare_id=Lagkage med jordbær">bestil antal 3 </a> <br><br>

<a href="test.asp?vare_antal=2&vare_pris=60&vare_id=Lagkage med hindbær">bestil antal 2 </a> <br>
<a href="test.asp?vare_antal=3&vare_pris=60&vare_id=Lagkage med hindbær">bestil antal 3 </a> <br>

her skal jeg jo så have onclick="showHint(this.form)" ind også og det skal vel ikke være med form eller hva ????

den som fungerer

<FORM NAME="form_1" >
Lagkage med jordbær fyld kr. 40,00 <input type="text" name="vare_antal">
<input type="hidden" name="vare_pris" value="40,00">
<input type="hidden" name="vare_id" value="Lagkage med jordbær">

<input value="Go" type="button" onclick="showHint(this.form)">
</FORM>

<FORM NAME="form_2" >
Lagkage med hindbær fyld kr. 50,00 <input type="text" name="vare_antal">
<input type="hidden" name="vare_pris" value="40,00">
<input type="hidden" name="vare_id" value="Lagkage med hindbær">

<input value="Go" type="button" onclick="showHint(this.form)">
</FORM>
<br><br>

<br>


<p>
<div id="txtkurv"><b>her vises resultat</b></div>
</p>
Avatar billede mitbrugernavn Praktikant
12. februar 2008 - 08:30 #1
hov der kom kun det halve med vi prøver lige igen::::

jeg har denne form og javascript som kører super
- men hvis jeg nu vil have det som et link som dette istedet for så fungere det ikke så godt ;-))

f.eks. således:


<a href="test.asp?vare_antal=2&vare_pris=40&vare_id=Lagkage med jordbær">bestil antal 2 </a> <br>
<a href="test.asp?vare_antal=3&vare_pris=40&vare_id=Lagkage med jordbær">bestil antal 3 </a> <br><br>

<a href="test.asp?vare_antal=2&vare_pris=60&vare_id=Lagkage med hindbær">bestil antal 2 </a> <br>
<a href="test.asp?vare_antal=3&vare_pris=60&vare_id=Lagkage med hindbær">bestil antal 3 </a> <br>

her skal jeg jo så have onclick="showHint(this.form)" ind også og det skal vel ikke være med form eller hva ????

den som fungerer

<FORM NAME="form_1" >
Lagkage med jordbær fyld kr. 40,00 <input type="text" name="vare_antal">
<input type="hidden" name="vare_pris" value="40,00">
<input type="hidden" name="vare_id" value="Lagkage med jordbær">

<input value="Go" type="button" onclick="showHint(this.form)">
</FORM>

<FORM NAME="form_2" >
Lagkage med hindbær fyld kr. 50,00 <input type="text" name="vare_antal">
<input type="hidden" name="vare_pris" value="40,00">
<input type="hidden" name="vare_id" value="Lagkage med hindbær">

<input value="Go" type="button" onclick="showHint(this.form)">
</FORM>
<br><br>

<br>


<p>
<div id="txtkurv"><b>her vises resultat</b></div>
</p>

'ajax_4.js

var xmlHttp

function showHint(o)
{
vare_antal = o.vare_antal.value;
vare_pris = o.vare_pris.value;
vare_id = o.vare_id.value;

if (vare_antal.length==0)
  {
  document.getElementById("txtkurv").innerHTML="";
  return;
  }
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  }
var url="nyt_kurv.asp";
//url=url+"?q="+str;
//url=url+"&sid="+Math.random();

o.vare_antal.value = ''
url=url+"?vare_antal="+vare_antal+"&vare_pris="+vare_pris+"&vare_id="+vare_id;

xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("POST",url,true);
xmlHttp.send(null);
}

function stateChanged()
{
if (xmlHttp.readyState==4)
{
document.getElementById("txtkurv").innerHTML=xmlHttp.responseText;
}
}

function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}
Avatar billede olebole Juniormester
12. februar 2008 - 22:36 #2
<ole>

Undgå at bruge innerHTML. Det er tussegammel og invalid kode, som lægger hindringer i vejen for brug af mere moderne scripting på et senere tidspunkt:
    http://www.dengodekode.dk/artikler/DOM/no_innerhtml.php

Ajax er yderst kompliceret og kun for de mest 'langhårede' JS'ere - prøv eksemplerne i denne tråd:
    http://www.eksperten.dk/spm/817625

- så er du på mere rigtig vej  ;o)

/mvh
</bole>
Avatar billede mitbrugernavn Praktikant
13. februar 2008 - 09:02 #3
;-)) uanset om det er for langhårede eller korthårede så er det disse linier jeg skal skal have ændret - når det er fra en for er de ok - men når det er fra en linktekst med variabeler den skal aflæse det kan jeg ikke bruge

o.vare_pris.value;

men hvad bruger jeg så ?????

function showHint(o)
{
vare_antal = o.vare_antal.value;
vare_pris = o.vare_pris.value;
vare_id = o.vare_id.value;

if (vare_antal.length==0)
  {
  document.getElementById("txtkurv").innerHTML="";
  return;
  }
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  }
var url="nyt_kurv.asp";
//url=url+"?q="+str;
//url=url+"&sid="+Math.random();

o.vare_antal.value = ''
url=url+"?vare_antal="+vare_antal+"&vare_pris="+vare_pris+"&vare_id="+vare_id;

xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("POST",url,true);
xmlHttp.send(null);
}
Avatar billede mitbrugernavn Praktikant
16. februar 2008 - 09:32 #4
fandt ud af det

link her
<a href="java script:slet('<%=id%>||<%=tekst%>||nej')" title="slet"><img src="../../images/Trashcan.gif" width="13" height="14" border='0' text-decoration='none' ></a>

javascript her

var xmlHttp

function slet(str)
{

xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  }
var url="test.asp";

url=url+"?id="+str;
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("POST",url,true);
xmlHttp.send(null);

}

function stateChanged()
{
if (xmlHttp.readyState==4)
{
document.getElementById("slet_skema").innerHTML=xmlHttp.responseText;
}
}

function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}

hvorefter jeg så i slet.asp splitter strengen
Avatar billede olebole Juniormester
16. februar 2008 - 13:40 #5
Tjah, hvis man insisterer på at fyre med mahogni, kan man jo altid bygge sin kode af gamle sildekasser  :)
Avatar billede mitbrugernavn Praktikant
16. februar 2008 - 17:48 #6
;-))) - ja men jeg gider ikke være mere langhåret
Avatar billede olebole Juniormester
17. februar 2008 - 00:26 #7
- skinhead!  ;D
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester