2016-04-19 1 views
1

Ich bin sehr neu in js und lehre mich von all den erstaunlichen Menschen auf Ihrer Website. Dank Code auf dieser Seite habe ich herausgefunden, wie man Text auf meiner Webseite aus Parametern, die aus der Abfragezeichenfolge in der URL gezogen werden, bevölkert, aber ich kann nicht herausfinden, wie ich die gleichen Parameter verwende, um den Dateinamen in einem Bildpfad zu füllen.Wie verwendet man Text aus der URL-Abfragezeichenfolge, um den Image-Namen im Image-Quellpfad zu füllen?

Beispiel url: http://www.mywebpage.com/editors.aspx?config=pagename&FirstName=Joe&LastName=Bloggs

Was ich habe, so weit, dass Text auf der Seite zu füllen funktioniert:

  <script type="text/javascript"> 

      $(document).ready(function(){ 

      function getUrlVars() 
      { 
       var vars = [], hash; 
       var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); 
       for(var i = 0; i < hashes.length; i++) 
       { 
        hash = hashes[i].split('='); 
        vars.push(hash[0]); 
        vars[hash[0]] = hash[1]; 
       } 
       return vars; 
      } 

      var brokerFirstName = getUrlVars()["FirstName"]; 
      var brokerLastName = getUrlVars()["LastName"]; 

      $('.BrokerFirstName').replaceWith(decodeURI(brokerFirstName)); 
      $('.BrokerLastName').replaceWith(decodeURI(brokerLastName)); 


      }); 

      </script> 

      <html> 
      <div class="detailstext"><span class="BrokerFirstName">first name</span>&nbsp;<span class="BrokerLastName">last name</span> 
      <img src="/library/profileimages/????????????????.jpg"> 
      </div> 

Wie kann ich den Vornamen und Nachnamen in den src Pfad für die Bildnamen erhalten, zB, src = "/ library/profilbilder/JoeBloggs.jpg"?

Vielen Dank für Ihre Hilfe.

Antwort

0

Geben Sie Ihren img-Tag eine ID dann das Bild mit jquery wählen und verwenden Sie dann .attr() wie folgt:

$(#imgId).attr("src", "/library/profileimages/" + brokerFirstName + brokerLastName + ".jpg") 

(ersetzen 'imgId' mit der ID Sie den img-Tag gaben)

+0

Perfekt - funktioniert genau so, wie ich es brauche. Vielen Dank! –

Verwandte Themen