input additional field

laucinieks · August 17, 2011

Ir vajadzīgs skripts, kad uzspiežot uz pogu, forma neresetojas un pievienojas papildus <insert> lauks, mēģināju pats izdarīt, bet man pievienojas viens un visa lapa uzreiz refrešojas.

daGrevis · August 17, 2011

Nu parādi kodi, kurš nestrādāja kā nākas. :)

Maris-S · August 17, 2011

Nu jā, piekrītu daGrevis, īsti nevar saprast, ko mēģini panākt, bet paskaties tādu kodu, iespējams ideja noderēs. CSS, javascriptu un pārējās lietas pielabo atbilstoši savējam kodam.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

   <title>Add field</title>

   <style type="text/css">
       .form_container {
  	     width: 300px;
  	     position: relative;
       }

       .form_container .field {
  	     width: 240px;
  	     display: block;
       }

       .form_container .button {
  	     width: 50px;
  	     position: absolute;
  	     right: 0px;
  	     bottom: 0px;
       }
   </style>

   <script type="text/javascript">
       function getElement(id) {
  	     if (document.getElementById) {
  		     return document.getElementById(id);
  	     } else if (document.all) {
  		     return document.all[id];
  	     } else if (document.layers) {
  		     return document.layers[id];
  	     }
       }

       function cancelEvents(e) {
       	if (!e)
               	e = window.event;

       	e.cancelBubble = true;
       	if (e.stopPropagation)
               	e.stopPropagation();
       }

       function clone(e) {
       	var newElement = document.form_name.elements[0].cloneNode(true);
       	newElement.value = "";
       	getElement('form_container').appendChild(newElement);
       	cancelEvents(e);
       }
   </script>
</head>
<body>
<form id="form_id" name="form_name" action="" method="post">
<div id="form_container" class="form_container">
   <input type="text" name="insert[]" class="field">
   <input type="button" value="Add" class="button" onclick = "javascript: clone(event);">
</div>
</form>
</body>
</html>

Edited August 17, 2011 by Maris-S

laucinieks · August 17, 2011

Aizmirsu ierakstīt, ka viss jau sanāca, biju uzlicis header location un aizmirsis noņemt, skrienot pāri nemaz neredzēju.

Tagad cita problēma -

Ir mazas bildītes, respektīvi krāsas kubi, uzliekot peli uz tiem vajag nomainīties bildei, kā to panākt?

Piemēram, tiek izvilkta visa informācija no datubāzes -

<a href="javascript:void(0);" onmouseover="<img src="<?php echo $numurs;?>_sarkans.jpg">"><img src="sarkans-kubs.png">

Nezinu vai sapratāt, bet nu kā var uztaisīt tā lai uzbīdot uz sarkanā kubika, kas ir sarkans-kubs.png sānā parādās liela bilde kurai nosaukums ir $numurs_sarkans.jpg ($numurs tiek vilkts ārā no datubāzes, tāpēc, ir daudzas bildes.). Un respektīvi noņemot kursoru no sarkanā kuba, bilde pazūd, uzliekot uz violetā kuba, parādās atkal cita bilde sarkanās vietā u.t.t.

Cerams sapratāt domu,

Laucinieks

laucinieks · August 18, 2011

Labi, tā laikam nesanāks, izmocījos pats man nekas nesanāca, tagad provēju otru variantu, kad ir <a href="" onmousover="kautkadsjavascripts()"><img src="sarkans-kubs.png"> . Labi parādīšu to kā lapā vajadzētu izskatīties -

<body>
<div id="images"></div>
<a href="" onmouseover="kautkadsjs()"><img src="sarkans-kubs.png"></a>
<div id="hidden_images">
<img src="../bildes/<?php echo $bildes_numurs.'_ '.$krasa; ?>
</div>
</body>

Tātad, kad ir onmouseover img src, automātiski hidden_images, saturs ieliekas div images. (hidden_images ir neredzams).

Laucinieks

Edited August 18, 2011 by laucinieks

briedis · August 18, 2011

Izmanto jQuery.

Sadali uzdevumu pa soļiem.

1. Atrodi veidu kā izvilkt kādu atribūtu no elementa.

2. Atrodi veidu, kā uzstādīt atribūtu kaut kādā elementā.

Pievieno eventus ar jquery.

Lūdzu, viss priekšā:

http://api.jquery.com/hover/

http://api.jquery.com/attr/

Edited August 18, 2011 by briedis

Sign In

input additional field

Question

laucinieks

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

daGrevis

Link to comment

Share on other sites

Maris-S

Link to comment

Share on other sites

laucinieks

Link to comment

Share on other sites

laucinieks

Link to comment

Share on other sites

briedis

Link to comment

Share on other sites

Join the conversation

Browse

Activity