Fråga: [LÖST] Skicka sms från hemsida

Diskussion i 'Applikationsutveckling' startad av inact_0034, 9 mar 2018.

  1. rufy93

    rufy93 Senior Droid Medlem

    Blev medlem:
    24 feb 2010
    Inlägg:
    1 882
    Mottagna gillanden:
    410
    Operatör:
    Fello
    Telefon:
    Galaxy S22

    MINA ENHETER

    Operatör:
    Fello
    Telefon:
    Galaxy S22
    Hmmm,har du samma port som jag har ovan?
    Kan du visa en bild från appen när servern körs i telefonen?
     
  2. inact_0034

    inact_0034 Guest

    Portar och ip adresser spelar ju ingen roll jag använder korrekta ip adresser och portar.
    Varför din ip adress finns med i mina inlägg var bara som exempel.
     
  3. rufy93

    rufy93 Senior Droid Medlem

    Blev medlem:
    24 feb 2010
    Inlägg:
    1 882
    Mottagna gillanden:
    410
    Operatör:
    Fello
    Telefon:
    Galaxy S22

    MINA ENHETER

    Operatör:
    Fello
    Telefon:
    Galaxy S22
    Anledningen till att jag frågar är att olika webbläsare förmodligen har olika beteende när de inte finner korrekt server.

    Utan att se på vare sig din kod eller uppsätt så blir det nog svårt att försöka finna vart problemet ligger.
     
  4. inact_0034

    inact_0034 Guest

    Löst det nu skrev fel ip adress haha.

    Men när jag klickar skicka så skickas sms och samtidigt redirectas man till 192.168.x.x:XXxx

    Dvs appens startsida.

    Kan man inte redirectas till nåt annat?
     
  5. rufy93

    rufy93 Senior Droid Medlem

    Blev medlem:
    24 feb 2010
    Inlägg:
    1 882
    Mottagna gillanden:
    410
    Operatör:
    Fello
    Telefon:
    Galaxy S22

    MINA ENHETER

    Operatör:
    Fello
    Telefon:
    Galaxy S22
    Det går, typ...
    Det går ju att använda mer javascript och dylikt för att få till det snyggare...

    Kod:
    <html>
    
    <head>
        <meta charset="UTF-8">
        <title>Att skicka ett SMS</title>
    </head>
    
    <body>
        <iframe width="0" height="0" border="0" name="dummyframe" id="dummyframe"></iframe>
    
        <form action="http://192.168.1.33:8766/" method="post" target="dummyframe">
            <fieldset>
                <legend>För att sända SMS</legend>
                <label for="number">Nummer att sända till</label>§
                <br/>
                <input type="text" id="number" name="number" />
                <br/>
                <label for="message">Meddelande</label>
                <br/>
                <textarea id="message" name="message"></textarea>
                <br/>
                <button type="submit">Skicka</button>
            </fieldset>
        </form>
    
    </body>
    
    </html>
    
     
    bernard och inact_0034 gillar detta.
  6. inact_0034

    inact_0034 Guest

    Tack så mycket enklare att leka med denna skript.
     
  7. e7andy

    e7andy Professional Droid Hedersmedlem

    Blev medlem:
    14 okt 2009
    Inlägg:
    2 350
    Mottagna gillanden:
    833
    Telefon:
    Huawei P10 Plus

    MINA ENHETER

    Telefon:
    Huawei P10 Plus
    Telefon 2:
    Nexus 5
    Telefon 3:
    ADP1
    Övrigt:
    LG G Watch R, ChromeCast
    Jag var tvungen att testa och se vad som händer.
    Jag använder följande html:
    HTML:
    <html>
    
    <head>
        <meta charset="UTF-8">
        <title>Att skicka ett SMS</title>
    </head>
    
    <body>
        <form action="http://192.168.0.105:8766/" method="post">
            <fieldset>
                <legend>För att sända SMS</legend>
                <label for="number">Nummer att sända till</label>
                <br/>
                <input type="text" id="number" name="number" />
                <br/>
                <label for="message">Meddelande</label>
                <br/>
                <textarea id="message" name="message"></textarea>
                <br/>
                <button type="submit">Skicka</button>
            </fieldset>
        </form>
    
    </body>
    
    </html>
    Det fungerar alldeles utmärkt att skicka sms med den koden.
    Jag landar på webbsidan på http://192.168.0.105:8766/ efter att jag klickat på skicka. Vill du inte landa där så kan du använda AJAX för att skicka din post- eller get-request.
     
    inact_0034 gillar detta.
  8. inact_0034

    inact_0034 Guest

    Tips på nån kod som visar extra meddelande efter man har klickat ''skicka''?

    Hittade denna lösning men söker efter en bättre.

    Kod:
    <html>
    
    <head>
        <meta charset="UTF-8">
        <title>Skicka GRATIS SMS</title>
    </head>
    
    <body>
    
        <iframe width="0" height="0" border="0" name="dummyframe" id="dummyframe"></iframe>
        <form action="http://IPochPORT/" method="post" target="dummyframe">
      
    
      
            <fieldset>
                <legend>Skicka gratis SMS</legend>
                <label for="number">Nummer</label>
                <br/>
                <input type="text" id="number" name="number" />
                <br/>
                <label for="message">Meddelande</label>
                <br/>
                <textarea id="message" name="message"></textarea>
                <br/>
                <button onclick="myFunction()" type="submit">Skicka</button>
            </fieldset>
        </form>
    
    </body>
    
    </html>
    
    <script>
    function myFunction() {
        alert("Ditt sms har skickats!");
    }
    </script>
     
    Last edited by a moderator: 11 mar 2018
  9. e7andy

    e7andy Professional Droid Hedersmedlem

    Blev medlem:
    14 okt 2009
    Inlägg:
    2 350
    Mottagna gillanden:
    833
    Telefon:
    Huawei P10 Plus

    MINA ENHETER

    Telefon:
    Huawei P10 Plus
    Telefon 2:
    Nexus 5
    Telefon 3:
    ADP1
    Övrigt:
    LG G Watch R, ChromeCast
    Du får definiera mer exakt vad du vill ha. Jag hade lagt in jQuery och uppdaterat DOM:en med ett meddelande.
    Då blir koden i din funktion något sånt här: $("#result").text("Ditt sms har skickats!");
    Du behöver i det fallet en div eller liknande med id "result".
     
  10. inact_0034

    inact_0034 Guest

    [​IMG]
     
  11. e7andy

    e7andy Professional Droid Hedersmedlem

    Blev medlem:
    14 okt 2009
    Inlägg:
    2 350
    Mottagna gillanden:
    833
    Telefon:
    Huawei P10 Plus

    MINA ENHETER

    Telefon:
    Huawei P10 Plus
    Telefon 2:
    Nexus 5
    Telefon 3:
    ADP1
    Övrigt:
    LG G Watch R, ChromeCast
    Lägg till jQuery:
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    Lägg in en div med id result där du vill att meddelandet ska synas:
    <div id="result"></div>

    Sen i din javascript-funktion så skriver du:
    $("#result").text("\"Ditt sms har skickats\"");

    För att få till det rött, fet stil och uppercase så finns det flera sätt. Det man bör göra är att använda css för att styla utseende, men det går ju att göra utan css genom att skriva det i uppercase direkt och använda font- och strong-taggarna. Googla så får du hjälp med det. Det är så banalt så jag vill inte skriva det.
     
    inact_0034 gillar detta.
  12. inact_0034

    inact_0034 Guest

    [​IMG]
     
    Last edited by a moderator: 12 mar 2018
    bernard gillar detta.
  13. e7andy

    e7andy Professional Droid Hedersmedlem

    Blev medlem:
    14 okt 2009
    Inlägg:
    2 350
    Mottagna gillanden:
    833
    Telefon:
    Huawei P10 Plus

    MINA ENHETER

    Telefon:
    Huawei P10 Plus
    Telefon 2:
    Nexus 5
    Telefon 3:
    ADP1
    Övrigt:
    LG G Watch R, ChromeCast
    Tjusigt. Texterna och knappen är något små i förhållande till textrutorna, men utöver det så det bra ut.
     
    bernard gillar detta.
  14. inact_0034

    inact_0034 Guest

    Blir ändå inte så nöjd.

    Visst smset skickas, man får meddelande att smset har skickats.
    Går att designa om sidan.

    Men det jag tycker är dåligt är att efter man har klickat på skicka då får man meddelande ditt sms har skickats.
    Men nummer och meddelande resetas inte.
    Hadde varit skönt om formerna resetades efter man har klickan skicka.

    Någon? Kan lösa mycket själv men behöver lite sök ord eller länk tips.
     
    Last edited by a moderator: 11 mar 2018
  15. e7andy

    e7andy Professional Droid Hedersmedlem

    Blev medlem:
    14 okt 2009
    Inlägg:
    2 350
    Mottagna gillanden:
    833
    Telefon:
    Huawei P10 Plus

    MINA ENHETER

    Telefon:
    Huawei P10 Plus
    Telefon 2:
    Nexus 5
    Telefon 3:
    ADP1
    Övrigt:
    LG G Watch R, ChromeCast
    Clear form
     
    inact_0034 gillar detta.
  16. inact_0034

    inact_0034 Guest

    Googlade och verkade riktigt enkelt men.
    För att reseta formen måste man använda id="myForm" och när man använder det så vill den inte skicka smset. Alltså så krockar den med nåt. Har testat ta bort och då funkar det. Tror inte att det är nåt fel på javascriptet.

    Vad säger ni? Jag googlar vidare på clear form without id.

    Kod:
    <form  id="myForm" action="http://X:X/" method="post" target="dummyframe" >
    <button onclick="myFunction();myFunction2()" type="submit">Skicka</button>
    
    <script>
    function myFunction() {
    
        $("#result").text("\"Ditt sms har skickats\"");
    }
    </script>
    
    <script>
    function myFunction2() {
        document.getElementById("myForm").reset();
    }
    </script>
     
    Last edited by a moderator: 12 mar 2018
  17. inact_0034

    inact_0034 Guest

    Felet är kanske att den skickar ingenting för formen tas bort innan man hinner till den länken? Eller?
     
  18. rufy93

    rufy93 Senior Droid Medlem

    Blev medlem:
    24 feb 2010
    Inlägg:
    1 882
    Mottagna gillanden:
    410
    Operatör:
    Fello
    Telefon:
    Galaxy S22

    MINA ENHETER

    Operatör:
    Fello
    Telefon:
    Galaxy S22
    Om du är någorlunda van med developer tools skulle jag föreslå att se på headers.
     
  19. e7andy

    e7andy Professional Droid Hedersmedlem

    Blev medlem:
    14 okt 2009
    Inlägg:
    2 350
    Mottagna gillanden:
    833
    Telefon:
    Huawei P10 Plus

    MINA ENHETER

    Telefon:
    Huawei P10 Plus
    Telefon 2:
    Nexus 5
    Telefon 3:
    ADP1
    Övrigt:
    LG G Watch R, ChromeCast
    Det du vill göra löser man enkelt med AJAX, dvs. ett asynkront anrop med javascript. I callbacken så uppdaterar du då meddelandet till användaren beroende på hur skickandet gick och sen rensar du ditt formulär. Det är också där man hanterar knappen så att användaren inte skickar flera likadana SMS om de råkar dubbelklicka på knappen.
    De flesta använder jQuery för att göra sånt här eftersom det är så enkelt att använda. Det finns mängder med javascriptbibliotek som fixar det, men jQuery är väl beprövat och passar bra för såna här enkla saker.

    Sök på exempelvis:
    ajax send form data

    Det går att rensa ett formulär utan att använda id. Du kan använda form-taggen eller input-taggarna för att välja det du vill operera på.
     
    bernard gillar detta.
  20. inact_0034

    inact_0034 Guest

    En fundering.
    En telefon med dubbla simkort hur funkar det då?
    Kan någon testa?