Hvordan koder du en knap på dit websted?


Svar 1:

hvis du vil have det grundlæggende her er hvad jeg gør.

Opret en div i html'en og giv den en id som

stil det, men du vil have det til at se ud i css som

#whaetever {height: 100px; width: 20%; etc ....}

lav en . tag lige inden slutningen af ​​kroppen-sektionen af ​​din html

i dette afsnit sættes en klikhåndterer for div som denne

$ ('# uanset'). Klik på (funktion (e) {

// læg den kode, du vil have her, en alarm (“testning”); alt for at sikre, at det fungerer

});

Jeg har som regel det til at ringe til en anden funktion, men du kan kode direkte i klikfunktionen dit ajax-opkald til php-filen efter dit valg.

$ .Ajax ({

url: "/setSearchSessionVars.php",

data: {

var1: “ja”,

var2: “nej”

},

datatype: "tekst",

cache: falsk,

type: "POST",

succes: funktion (data2) {

if (data2.length! == 0) {

window.location.href = '

http

s: //google.com ';

// dette betyder, at hvis php-siden ekkoede data, før den kom tilbage;

}

} returner falsk;

});

Ok nu har du alle de html-side ting at gøre dette. PHP-filen bliver nødt til at fange $ _POST () -variablerne som denne .. $ var1 = $ _POST ['var1'];

og efter at have gjort hvad det skal gøre, hvis du vil returnere noget til ajax-opkaldet, skal du gentage “nogle data”; Vend tilbage;

Dette skal være alt hvad du behøver for at komme i gang. Jeg ved, at der sandsynligvis er nogen ny dekorativ måde at gøre det på i stedet, så spring ikke over mig udviklere, men dette får det til. Åh,

du skal medtage jquery

.. (google jquery cdn)

Bemærk til Quora, hvis du ønsker, at folk skal svare på computerens spørgsmål, gør din teksteditor måde bedre. Tak


Svar 2:

Spørgsmål:

Hvordan koder du en knap på dit websted?

Let - Med HTML (typisk 5 i denne dag og alder), CSS (typisk 3 i denne dag og alder) og Javascript (sandsynligvis ECMAScript 5 men måske 6 i denne dag og alder). Dette vil oprette en knap kaldet “btnOk”, der netop er mærket som “Ok” på en side:

eller

En af disse 2 opretter knappen. Nu skal du koble den til at svare på klik. Du kan enten tilføje en attribut (id =, type = osv. Disse er attributter) kaldet onclick, tildele den en javascript-funktion -

eller

- du kan bruge jQuery (et bibliotek til Javascript) (der er et par andre, du måske også overveje i stedet) til at tildele det fra javascript. Jeg viser dig den første (almindelig gamle javascript, ingen JQuery) rute først:

eller

Funktionen i Javascript vil være placeret op i tag nær toppen af ​​html-filen normalt ved titelmærket. Dette ligner det, det kan se ud (men normalt ikke komplet, da der normalt er mange flere funktioner i javascript-afsnittet, der ikke er inkluderet her):

Alt, hvad denne funktion gør, er at få vist en meddelelsesboks-dialog på skærmen, der siger “Du har klikket på” Ok ”!”. og den har en enkelt knap på "Ok", så ved at klikke på "Ok" i den dialogboks vil den derefter forsvinde.

Nu, jQuery-løsningen - husk, at originalen ikke havde nogen onclick-attribut, og for jQuery behøver du ikke den - bare følg mig her:

Nu, en forklaring. Det første script er det, der indlæser jQuery-biblioteket i sidens hukommelsesrum. I det andet script-tag,

$ (Function ()

... er en slags kort hånd til

$ (Dokument) .ready (function ()

... som definerer en funktion, der vil blive kaldt, når websiden helt er indlæst i browseren og klar til visning, så Javascript kan handle på det helt. Hvis du lægger koden uden for denne funktion, findes den knap muligvis ikke på det tidspunkt, hvor dine funktioner udføres. Inde i klarfunktionen kaldes en anden jQuery-funktion til at erhverve HTML / DOM (står for

D

OKUMENTETS

O

bject

M

odel) element identificeret med “btnOk”. Symbolet # betyder elementet w / attributten til 'id' svarende til det, der er efter symbolet #. Hvis det var en periode i stedet for #, ville det betegne en

klasse

attribut og henviser typisk til flere DOM-objekter, ikke kun 1.

Når DOM-objektet er / blev lokaliseret, blev der kaldt en jQuery-funktion af klik () - som fungerer både til at kalde klikhåndtereren såvel som (som i dette tilfælde med argumentet om en funktion, der er sendt i), der indstiller en klikhåndterer . Inde i klikhåndtereren gør det nøjagtigt det samme som den ikke-JQuery-version gør - viser en meddelelsesboks w / "Du har klikket på 'Ok'!" lol.

Nu kan du gøre dette med mange andre javascript API'er inklusive prototype og endda rammer som react og Angular - Angular især og måske React ville være en helt anden løsning, men jeg ved det ikke frisk nok (jeg har ikke brugt det i nogen tid) til at tale om det her og aldrig har brugt React.

Note 1:

Sproget og typen af ​​script-tagget er ikke nødvendigt, som du kan se fra script-tagget for at indlæse jQuery - jeg giver ikke noget blodigt - jeg inkluderer det altid, fordi jeg begyndte at programmere i de dage, hvor du stadig havde brug for det og det Jeg skal vare længe, ​​før jeg vokser til ikke at føle, at jeg har brug for det selv.

Note 2:

En

kan

lægge script-tags hvor som helst, ikke bare i hovedmærket, men igen - jeg giver ikke noget blodigt - jeg inkluderer det altid i hovedmærket sammen med stil / link-tagget for CSS-, titel- og metadatasektioner delvist fra OCD, men også fordi hvem bryder sig? Sider har brug for struktur, og jeg holder mig til en struktur. Kod det, hvordan du vil, og placer det, hvor du vil, men dette besvarer spørgsmålet.

Held og lykke!


Svar 3:

Det kan ikke være lettere at tilføje knappen til webstedet ...

Læg det i html et eller andet sted, så har du knapper. Jeg antager, at du ikke vil vide, hvordan du styler en knap på grund af din ordkode en knap.

Grundlæggende er der to ruter, du kan vælge for en knap. Du kan få det til at indsende en formular traditionelt. Når det er indpakket i et formularmærke, bruger du normalt inputmetoden. Der er ikke meget at gøre her. Du kan indstille et par indstillinger på selve formularen, der bestemmer, hvor den også indsender, og hvordan den indsendes (få anmodning eller postanmodning).

Hvis du vil kode det for at gøre noget, der ikke er en formularindsendelse, skal du arbejde med JavaScript på det tidspunkt. Du kan enten tilføje i knapmagasinet noget som onclick = ”doSomething ()”, der kalder din funktion og begynder at køre den kode, du lægger derinde. Eller du kan indstille en begivenhedslytter til at køre en funktion, når der klikkes på den.

Og det er omtrent så vidt jeg kan tage dig, fordi jeg ikke ved, hvad du vil have knappen til at gøre. Det kunne sende en anmodning tilbage til serveren for at hente en værdi fra en database. Det kan ændre en farve på en side. Det kan vise eller skjule et andet afsnit på siden. Der er en række muligheder.


Svar 4:

Før jeg forklarer, hvordan man koder en knap, vil jeg forklare lidt om, hvilke typer knapper der er, som kan bruges på et websted.

Dybest set, kan du oprette en knap med dine html basics med som Ellers, hvis du vil bruge en css-ramme, såsom bootstrap, semantisk ui, kan du oprette dem med deres syntakser. (Til bootstrap-knapper -

Knapper

, til semantiske ui-knapper -

Knap | Semantisk UI

.)

Okay. Lad os nu diskutere, hvordan du koder en knap til en funktionalitet. Normalt bruger vi javascript til at kode en knap. Det afhænger grundlæggende af, hvad du bruger til at udvikle frontend for din webapplikation. På et websted kan du hovedsageligt bruge rent javascript eller jQuery (javascript-bibliotek) til at kode en knap.

Hvis du bruger rent javascript, kan du definere din knap som følger med en funktion.

Derefter skrives funktionaliteten af ​​knappen i script-tags.

Hvis du bruger jQuery, skal du linke jQuery-bibliotek inden for tags før kodning. Derefter skal du føje en identitet til din knap for at identificere den knap nøjagtigt. Du kan bruge klasse eller id til det.

Du kan bruge klassen som følger,

  1. $ (". test"). Klik (funktion () {alarm ("Udført ...");});

Du kan bruge id som følger,

  1. $ ("# test"). Klik på (funktion () {alarm ("Udført ...");});

Jeg tror, ​​dette skal være nyttigt for dit problem.


Svar 5:

Dette er et temmelig vagt spørgsmål, men jeg vil prøve mit bedste for at besvare det for dig.

du ønsker a button on your website…

dette afhænger af hvilken type knap, da der er en hel del derude, men jeg antager, at du blot mener en knap til intet.

først skal du vide, hvor du vil placere denne knap til intet, og forudsat at du kan læse og skrive grundlæggende HTML, og forhåbentlig CSS, vil du oprette en standardbrugs-

EX: .btn {baggrund-farve: # ff0000}

og forudsat at du ønsker at se, om denne knap fungerer korrekt, vil du tilføje nogle: hover-funktioner.

EX: .btn: hover {baggrund-farve: # 990000}

nu skal du se, om denne knap fungerer som den er, og hvis du er tilfreds med den, skal du gemme den som et uddrag eller noget, så du kan kalde disse til fremtidig brug.

Hvis du ønsker at tilføje specifik lynx til knappen, skal du bruge

og undskyld for manglen på detaljer og sådan som at jeg skriver dette via mobil, og det er ret svært at style tekst, for ikke at indtaste hurtigt for at give en bedre forklaring.


Svar 6:

To forskellige muligheder:

  • Opret en knap med HTML-tags, og link “on-click” -parameteren til en Javascript-funktion, der udfører den handling, du ønsker, som kan indeholde AJAX-opkald til en server.
  • Opret en HTML-form og en Submit-knap, der kalder et CGI-program, eller en script-side på serversiden, der læser og behandler alle data, der transmitteres af input-sætninger i formularen, eller blot indlæses målsiden, der er udpeget af formparametrene.

Dette er ikke raketvidenskab, men det er heller ikke trivielt og er kerneteknologien til opbygning af et interaktivt websted. Få en HTML-reference og en god tutorial for webkonstruktion, lær HTML, Javascript og script-sprog på serversiden efter eget valg, som også understøttes af din tjenesteudbyder, CSS, og måske en ramme for webudvikling. Eller ansæt en webdesigner / programmerer, hvis du kun har brug for en ting gjort eller ikke har tid til at lære hvordan.


Svar 7:

Jeg laver ikke meget webprogrammering, så tag det i betragtning, når jeg vurderer mit svar.

En mulighed er HTML-formularer (

HTML-formularer

) Det ville være den første ting, jeg ville prøve, til enkel webindgang. I min begrænsede erfaring antager jeg, at jeg ville have noget backend PHP (dvs. PHP, der kører på serveren.) PHP ville gøre noget nyttigt.

For kun at udføre frontend-udvikling (ingen serversidekode), kan du gøre meget ved hjælp af HTML 5.0 og javascript. Jeg kunne se, hvad du kan gøre med bare HTML 5.0, og afhængigt af dine behov tilføje den nødvendige javascript-kode. Dit bibliotek har muligvis nogle nyttige bøger.