SQL while loop och id för Javascrip.

PHPportalen Forum Index » HTML/CSS/JavaScript/Design
Lägg ett bokmärke på hela tråden
Skapa nytt inlägg   Svara på inlägget
Visa föregående ämne :: Visa nästa ämne  
Startad av: Meddelande
Dumfot



Medlem i: 4221 dagar
Från: Stockholm
Status: Offline



#741799
Inlägg Skrivet: 2017-07-13 16:57      Ämne: SQL while loop och id för Javascrip. Citera

Hej väldigt länge sedan jag satt och programerade nått nu men efter lite struggel har jag åter igen börjat Smile Många gamla roliga script och koder kommer till återanvändning.

Hur som helst så har jag tappat mycket av jag tidigare kunde så nu är det helt blankt.
Jag har en while loop från en SQL select sats som loopar igenom en <tabel>.
Varje ny rad får ett nytt id genom $i==0;
och innanför {} har jag $i++; dvs namnet för varje rad får altså rätt värde:
<div id="txt1"> rad 1 <div id="txt2"> rad 2 etc

Så gällande själva problemet.

jag har altså en div så på varje rad får ett nytt id.
Jag har en länk som heter <a id="btn1"> (btn2, btn3 osv per ny rad)
när jag tycker på länken ska mitt javascript aktiveras vilket det gör om jag kör utanför while loopen. Den anropar då en fil som heter wrap.js
Själva scriptet ser ut som följer:

KOD:
1:
 
2:
var btn = document.querySelector('#btn');
3:
var txt = document.querySelector('#txt');
4:
   
5:
btn.addEventListener('click', function () {
6:
    if (txt.style.whiteSpace == 'nowrap') {
7:
        txt.style.whiteSpace = 'normal';
8:
    } else {
9:
        txt.style.whiteSpace = 'nowrap';
10:
    }
11:
}, false);
12:
 
13:
 


Vad jag behöver fixa till i scriptet är att få med dessa idn så att den loopar scriptet och lägger till +1 på varje btn1 och txt1 i själva script filen.
Tankar ideer?
 

_________________
//Dumfot
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
webbhelp



Medlem i: 3868 dagar
Från: Sverige
Status: Offline



#741800
Inlägg Skrivet: 2017-07-14 09:09      Ämne: Citera

Ditt Javascript bör lyssna på t.ex. en class som heter "btn", på så sätt behöver du inte ha olika ID:n för varje knapp.
 
Till toppen på sidan
Visa användarprofil Skicka privat meddelande Skicka e-post Besök användarens hemsida MSN Messenger
Dumfot



Medlem i: 4221 dagar
Från: Stockholm
Status: Offline



#741801
Inlägg Skrivet: 2017-07-14 13:28      Ämne: Citera

okej, gällande en class så har jag inte så bra koll får googla på det en del.
Annars så känns det ju som om att det generelt borde fungera att skicka med '.$i.' eller vad är det som gör att javascriptet inte läser av siffran?
 

_________________
//Dumfot
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
webbhelp



Medlem i: 3868 dagar
Från: Sverige
Status: Offline



#741802
Inlägg Skrivet: 2017-07-14 13:37      Ämne: Citera

Du kan få det att fungera på ditt sätt, men det är inte riktigt rätt sätt att göra. Att ha ett event för varje enskild knapp som alla har samma syfte.
 
Till toppen på sidan
Visa användarprofil Skicka privat meddelande Skicka e-post Besök användarens hemsida MSN Messenger
Dumfot



Medlem i: 4221 dagar
Från: Stockholm
Status: Offline



#741803
Inlägg Skrivet: 2017-07-14 13:47      Ämne: Citera

ahh ok, har du nått exempel man kan försöka bygga nått från? känner mig fruktansvärt ringrostig :p
 

_________________
//Dumfot
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
webbhelp



Medlem i: 3868 dagar
Från: Sverige
Status: Offline



#741804
Inlägg Skrivet: 2017-07-14 14:46      Ämne: Citera

Jag skriver aldrig i native javascript jag kör jQuery och där skriver man så enkelt som:

KOD:
1:
$('.btn').on('click', function() {
2:
        alert('Du klickade på knappen');
3:
        var target = $(this).data('target'); //Ifall HTML-elementet har ett data attribute kan du hämta det här. t.ex. data-target="txt1"
4:
        alert('Knappen har target'+ target);
5:
    });
 
Till toppen på sidan
Visa användarprofil Skicka privat meddelande Skicka e-post Besök användarens hemsida MSN Messenger
Visa tidigare inlägg:   
Skapa nytt inlägg   Svara på inlägget
PHPportalen Forum Index » HTML/CSS/JavaScript/Design
Hoppa till:  
Du kan inte skapa nya inlägg i det här forumet
Du kan inte svara på inlägg i det här forumet
Du kan inte ändra dina inlägg i det här forumet
Du kan inte ta bort dina inlägg i det här forumet
Du kan inte rösta i det här forumet
Du kan inte bifoga filer i detta forum
Du kan inte ladda ner filer från detta forum
Kontakta oss på adressen: info@phpportalen.net
Webbplatsen bygger i grunden på phpBB © 2001, 2002 phpBB Group

Modifieringar har senare gjorts i systemet av PHPportalen
Sid och logotypdesign skapad av Daren Jularic