☰

» »

Pošiljanje podatkov iz DIV taga

Pošiljanje podatkov iz DIV taga

Kurzweil ::

Za začetek naj omenim, da imam formo v html obliki (primer kode):

<form method="post" action="sendmail.php">           <div class="box">             
    <h1>&nbsp;</h1>             
    <label>                
    	 <span>Ime, Priimek:</span>                
         <input type="text" class="input_text" name="ime" id="ime"/>            
    </label>

<input type="submit" class="button" onclick="MM_popupMsg('Hvala za poslano..." href="http://www.google.com"/>             
      </label>
</form>


in PHP skripto:

<?php
$ime =   $_REQUEST['ime'] ;

$message   = "NAROČNIK: " . $ime;

mail( "nek_mail", "nekaj", $message, "From: $email" );
header( "Location: http://google.com" );


Vnešen podatek tukaj pošilja brezhibno. Poleg obrazca pa imam zraven nek preprost Jquery nakupovalni voziček, ki zgleda takole:
povezava do omenjenega Smart carta
p.s. na zgoraj omenjenem linku je dokumentacija, predvsem pa demonstracija za lažjo predstavo, lahko se izvorno kodo tudi prenese...

Takole pa izgleda DIV tag iz katerega bi rad dobil podatke:
<div id="sc_cartlist" class="scCartList"></div>


Če na kratko povem tale Smart cart deluje tako, da na levi strani izberemo izdelek in količino ta se nam nato prepiše na desno stran preko PHPja, tisti okenček, ki je prazen in se nato napolni z izbranim je DIV tag, zanima me kako naj dobim podatke, kot sem pokazal na začetku v običajnem obrazcu iz tega DIV tega preko prej omenjene skripte?

Sem amater na tem področju zato zares hvala za pomoč!
  • spremenil: Kurzweil ()

Kurzweil ::

Za lažjo predstavo, je tu celoten HTML:

<!-- Product list HTML -->
  &nbsp;
  <div id="smartcart" class="scContainer">         		
    <div id="sc_productlist" class="scProductList">
      <div class="scProductListItem"> 
        <table border="0" cellpadding="2" cellspacing="2">
          <tr>
            <td rowspan="3"><img width="100px" src="images/product0.jpg" /></td>
            <td><strong><span id="prod_name100">izdelek1</span></strong></td>
            
          </tr>
          <tr>
            <td><label>Cena:</label> $<span id="prod_price100">23.70</span></td>
          </tr>               
          <tr>
            <td><label>Koli&#269;ina:</label>
              <input name="prod_qty" class="scText" id="prod_qty100" value="1" size="3" type="text">
              
              <input type="button" rel="100" class="scItemButton scBtn" value="Dodaj izdelek"></td>
          </tr>              
        </table>
      </div>  
      <div class="scProductListItem"> 
        <table border="0" cellpadding="2" cellspacing="2">
          <tr>
            <td rowspan="3"><img width="100px" src="images/product1.jpg" /></td>
            <td><strong><span id="prod_name101">izdelek2</span></strong></td>
          </tr>
          
          <tr>
            <td><label>Cena:</label>
              &euro;<span id="prod_price101">23.70</span></td>
          </tr>               
          <tr>
            <td><label>Koli&#269;ina:</label>
              <input name="prod_qty" class="scText" id="prod_qty101" value="1" size="3" type="text">
              <input type="button" rel="101" class="scItemButton scBtn" value="Dodaj izdelek"></td>
            
          </tr>              
        </table>
      </div>  
      <div class="scProductListItem"> 
        <table border="0" cellpadding="2" cellspacing="2">
          <tr>
            <td rowspan="3"><img width="100px" src="images/product2.jpg" /></td>
            <td><strong><span id="prod_name102">izdelek3</span></strong></td>
          </tr>
          <tr>
            
            <td><label>Cena:</label>
              &euro;<span id="prod_price102">32.25</span></td>
          </tr>               
          <tr>
            <td><label>Količina:</label>
              <input name="prod_qty" class="scText" id="prod_qty102" value="1" size="3" type="text">
              <input type="button" rel="102" class="scItemButton scBtn" value="Dodaj izdelek"></td>
          </tr>              
        </table>
        
      </div>  
      <div class="scProductListItem"> 
        <table border="0" cellpadding="2" cellspacing="2">
          <tr>
            <td rowspan="3"><img width="100px" src="images/product3.jpg" /></td>
            <td><strong><span id="prod_name103">izdelek4</span></strong></td>
          </tr>
          <tr>
            <td><label>Cena:</label>
              EUR<span id="prod_price103">13.55</span></td>
            
          </tr>               
          <tr>
            <td><label>Količina:</label>
              <input name="prod_qty" class="scText" id="prod_qty103" value="1" size="3" type="text">
              <input type="button" rel="103" class="scItemButton scBtn" value="Dodaj izdelek"></td>
          </tr>              
        </table>
      </div>  
      <div class="scProductListItem"> 
        <table border="0" cellpadding="2" cellspacing="2">
          
          <tr>
            <td rowspan="3"><img width="100px" src="images/product4.jpg" /></td>
            <td><strong><span id="prod_name104">izdelek5</span></strong></td>
          </tr>
          <tr>
            <td><label>Cena:</label>
              EUR<span id="prod_price104">13.55</span></td>
            
          </tr>               
          <tr>
            <td><label>Količina:</label>
              <input name="prod_qty" class="scText" id="prod_qty104" value="1" size="3" type="text">
              <input type="button" rel="104" class="scItemButton scBtn" value="Dodaj izdelek"></td>
          </tr>              
        </table>
      </div>  
      <div class="scProductListItem"> 
        <table border="0" cellpadding="2" cellspacing="2">
          
          <tr>
            <td rowspan="3"><img width="100px" src="images/product5.jpg" /></td>
            <td><strong><span id="prod_name105">izdelek6</span></strong></td>
          </tr>
          <tr>
            <td><label>Cena:</label>
              EUR<span id="prod_price105">47.45</span></td>
            
          </tr>               
          <tr>
            <td><label>Količina:</label>
              <input name="prod_qty" class="scText" id="prod_qty105" value="1" size="3" type="text">
              <input type="button" rel="105" class="scItemButton scBtn" value="Dodaj izdelek"></td>
          </tr>              
        </table>
      </div>  
      <div class="scProductListItem"> 
        <table border="0" cellpadding="2" cellspacing="2">
          
          <tr>
            <td rowspan="3"><img width="100px" src="images/product6.jpg" /></td>
            <td><strong><span id="prod_name106">izdelek7</span></strong></td>
          </tr>
          <tr>
            <td><label>Cena:</label>
            EUR<span id="prod_price106">37.45</span></td>
            
          </tr>               
          <tr>
            <td><label>Količina:</label>
              <input name="prod_qty" class="scText" id="prod_qty106" value="1" size="3" type="text">
              <input type="button" rel="106" class="scItemButton scBtn" value="Dodaj izdelek"></td>
          </tr>              
        </table>
      </div>  
      <div class="scProductListItem"> 
        <table border="0" cellpadding="2" cellspacing="2">
          
          <tr>
            <td rowspan="3"><img width="100px" src="images/product7.jpg" /></td>
            <td><strong><span id="prod_name107">izdelek8</span></strong></td>
          </tr>
          <tr>
            <td><label>Cena:</label>
              EUR<span id="prod_price107">66.45</span></td>
            
          </tr>               
          <tr>
            <td><label>Količina:</label>
              <input name="prod_qty" class="scText" id="prod_qty107" value="1" size="3" type="text">
              <input type="button" rel="107" class="scItemButton scBtn" value="Dodaj izdelek"></td>
          </tr>              
        </table>
      </div>  
      <div class="scProductListItem"> 
        <table border="0" cellpadding="2" cellspacing="2">
          
          <tr>
            <td rowspan="3"><img width="100px" src="images/product8.jpg" /></td>
            <td><strong><span id="prod_name108">izdelek9</span></strong></td>
          </tr>
          <tr>
            <td><label>Cena:</label>
              EUR<span id="prod_price108">56.95</span></td>
            
          </tr>               
          <tr>
            <td><label>Količina:</label>
              <input name="prod_qty" class="scText" id="prod_qty108" value="1" size="3" type="text">
              <input type="button" rel="108" class="scItemButton scBtn" value="Dodaj izdelek"></td>
          </tr>              
        </table>
      </div>  
      <div class="scProductListItem"> 
        <table border="0" cellpadding="2" cellspacing="2">
          
          <tr>
            <td rowspan="3"><img width="100px" src="images/product9.jpg" /></td>
            <td><strong><span id="prod_name109">izdelek10</span></strong></td>
          </tr>
          <tr>
            <td><label>Cena:</label>
              EUR              <span id="prod_price109">44.60</span></td>
            
          </tr>               
          <tr>
            <td><label>Količina:</label>
              <input name="prod_qty" class="scText" id="prod_qty109" value="1" size="3" type="text">
              <input type="button" rel="109" class="scItemButton scBtn" value="Dodaj izdelek"></td>
          </tr>              
        </table>
      </div>  
      <div class="scProductListItem"> 
        <table border="0" cellpadding="2" cellspacing="2">
          
          <tr>
            <td rowspan="3"><img width="100px" src="images/product10.jpg" /></td>
            <td><strong><span id="prod_name110">izdelek11</span></strong></td>
          </tr>
          <tr>
            <td><label>Cena:</label>
              EUR<span id="prod_price110">37.45</span></td>
            
          </tr>               
          <tr>
            <td><label>Količina:</label>
              <input name="prod_qty" class="scText" id="prod_qty110" value="1" size="3" type="text">
              <input type="button" rel="110" class="scItemButton scBtn" value="Dodaj izdelek"></td>
          </tr>              
        </table>
      </div>  
      <div class="scProductListItem"> 
        <table border="0" cellpadding="2" cellspacing="2">
          
          <tr>
            <td rowspan="3"><img width="100px" src="images/product11.jpg" /></td>
            <td><strong><span id="prod_name111">izdelek12</span></strong></td>
          </tr>
          <tr>
            <td><label>Cena:</label> 
            EUR<span id="prod_price111">35.10</span></td>
            
          </tr>               
          <tr>
            <td><label>Količina:</label>
              <input name="prod_qty" class="scText" id="prod_qty111" value="1" size="3" type="text">
              <input type="button" rel="111" class="scItemButton scBtn" value="Dodaj izdelek"></td>
          </tr>              
        </table>
        
        <table border="0" cellpadding="2" cellspacing="2">
          <tr>
            <td rowspan="3"><img width="100px" src="images/product12.jpg" /></td>
            <td><strong><span id="prod_name100">izdelek13</span></strong></td>
            
          </tr>
          <tr>
            <td><label>Cena:</label> 
            EUR<span id="prod_price100">35.10</span></td>
          </tr>               
          <tr>
            <td><label>Količina:</label>
              <input name="prod_qty" class="scText" id="prod_qty100" value="1" size="3" type="text">
              
              <input type="button" rel="100" class="scItemButton scBtn" value="Dodaj izdelek"></td>
          </tr>              
        </table>
        
        
      </div>  
    </div>
    <!-- End Product list HTML -->
    
    <!-- Cart HTML -->
    <div id="sc_cart" class="scCart">
      <!-- Selected Product ID/Quantity are stored on the <select> element below -->
      <select id="product_list" name="product_list[]" style="display:none;" multiple="multiple">
      </select>               
      <div class="scCartListHead">
        <table width='100%'><tr>
          <td>&nbsp;&nbsp;Izdelek</td>
          <td width='80px'>Koli&#269;ina</td>
          <td width='130px'>Cena</td>
          </tr></table>
      </div>
      <!-- Cart List: Selected Products are listed inside div below -->

      <div id="sc_cartlist" class="scCartList"></div>

      <div class="scCartListHead">
        <table width='100%'><tr>
          <td>
            <!-- Message Label -->
            <span id="sc_message"></span></td>
          <td width='100px'>ZNESEK:</td>
          <td width='120px'> 
            <!-- Sub Total Label -->
            <span id="sc_subtotal"></span>
          </td>
        </tr></table>
      </div>
  </div>     
    </form>


Torej govorim o vrstici 268, iz tega DIV taga bi rad dobil podatke s pomočjo prej omenjene PHP skripte...

Hvala

Zgodovina sprememb…

  • spremenil: Kurzweil ()

misek ::

Tole ti bo pomagalo. Najprej moraš z JS poslati podatek na strežnik.
http://www.phpfreaks.com/forums/ajax-he...
http://www.questionhub.com/StackOverflo...

Kurzweil ::

misek hvala za linke, pri prvem linku potrebujem podatkovne baze - teh nimam.
Drugega pa probavam, in sem nekako pri podobnem zaključku kot možakar, ki sprašuje po problemu, si že to kdaj probal v praksi?

Ima še kdo kakšen namig?

Kurzweil ::

Lotil sem se načina ko z JS pošljem podatke PHP skripti za pošiljanje, ker sem amater sprašujem še kako naj bi to šlo:

Najprej "includam" skripto v head html datoteke:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>


nato dodam (kam?):
$.post("email.php", { data : $("div#1").html() }, function(result){
 /* handle results */
});


Potem pa naj svoji obstoječi PHP skripti iz prvega posta dodam? :

<?php

 $to = "john@doe.com";
 $subject = "HTML Data";
 $message = $_POST["data"];
 $headers = "From: The Server <server@doe.com>" . "
" .
 "Content-type: text/html" . "
";

 mail($to, $subject, $message, $headers);

?>


To črpam iz linka, ki ga je podal misko

Verjamem, da vas ima mnogo od vas tukaj precej prakse s tem, zelo vam bom hvaležen za odgovor!

Kurzweil ::

Pregooglal sem vse mogoče in še vedno ne najdem ničesar, dvomim, da je za vas zanesenjake to tako trd oreh, upam, da sem dovolj razumno napisal, če tu ne pridem do odgovora sem, lahko rečem v Sloveniji ostal brez odgovora.

Hvala za pomoč še enkrat...

JercSI ::

Upam da pravilno zastopim tvoj problem. Rad bi iz spodnjega diva:
<div id="sc_cartlist" class="scCartList"></div>

poslal na php-ju in potem naprej, kamor koli že.

<a href="javascript:void(0)" onclick="javascript:posljiPodatke()">Pošlji</a>


<script type="text/javascript">
function posljiPodatke() {
$.ajax(
  type: 'POST', // oziroma GET, kar potrebuješ
  url: 'polji.php5',
  data: {"podatek": $("#sc_cartlist").html()},
  success: function() {
    alert("podatki so poslani");
  }
);
};
</script>


potem pa imaš v PHP-ju 
echo $_POST['podatek'];

Zgodovina sprememb…

  • spremenil: JercSI ()

Kurzweil ::

Ja pri Divu, ki si ga citiral - ta div je na tej demnostraciji tisti levi okenček, kjer se izpisujejo stvari, ta izpiz pa bi rad preko PHPja poslal na mail... če je možno v isto skripto kot sem jo navedel v prvem postu...

Sem pa ravno toliko amater, da nevem kako bi tisto kar si navedel spravil skupaj z mojo obstoječo mail skripto, govorim o tem:

<script type="text/javascript">
function posljiPodatke() {
$.ajax(
type: 'POST', // oziroma GET, kar potrebuješ
url: 'polji.php5',
data: {"podatek": $("#sc_cartlist").html()},
success: function() {
alert("podatki so poslani");
}
);
};
</script>


kaj pa naj s tem kar si tudi navedel:

<a href="javascript:void(0)" onclick="javascript:posljiPodatke()">Pošlji</a>


Hvala za pomoč, bi pogooglal ampak se mi zelo mudi - res hvala!

JercSI ::

Am.. tvoj levi okenček ima id="sc_productlist", desni pa vsebuje id="sc_cartlist", katerega želiš poslati na mail.
Torej v submit gumb dodaš še onclick event:
<input type="submit" value="Checkout" onclick="javascript:posljiPodatke();">

napišeš JS funkcijo, ki komunicira s PHP-jem (napisana v prejšnjem postu). Uporabil pa sem jquery knjižnico, klic ajax.

Če uporabljaš firebug (ali kaj podobnega), lahko to v konzolo vpišeš: $("#sc_cartlist").html(), in boš dobil vsebino diva z id-jem sc_cartlist.

Kurzweil ::

JercSI poglej ZS, Lp

Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

jquery ajax problem

Oddelek: Izdelava spletišč		81396 (1018) miko22
»

Jquery

Oddelek: Izdelava spletišč		151643 (1367) mk818764
»

jquery in div-i (strani: 1 2 )

Oddelek: Izdelava spletišč		8710539 (9277) lisjak
»

AJAX neznana težava

Oddelek: Programiranje		81133 (927) luksorzi
»

Masterpage in jQuery(ajax call)

Oddelek: Programiranje		61218 (1046) hatchette

Več podobnih tem