Sharepoint Calculated Column zum Bildwechsel onclick

Question

Ich habe einen Schlag getroffen! Ich versuche eine berechnete Spalte zu erstellen, die ein Bild (A) anzeigt. Wenn das Bild (A) angeklickt wird, möchte ich, dass das Bild zu Bild (B) wechselt.

Ich habe die folgende Zeile versucht, aber ich bekomme NOWHERE mit diesem - bitte helfen. Sharepoint 2013

=IF(ISBLANK(Status),"",("<A HREF="&Status&" onclick='changeImage().src='picture(B)'><img src='Picture(A)' style='height:45px; width:90px;' /></a>")) 

Answer 1

Lassen Sie mich Ihnen nur raten Ihr Javascript Fähigkeiten als Anfangs Javascript zu verbessern, ist nur, na ja, völlig falsch.

Sie brauchen etwas wie folgt aus:

<A HREF="#" onclick="document.getElementById('mypicture').src='pic2.jpg'"><img id='mypicture' src='pic1.jpg' style='height:45px; width:90px;' /></a> 

ich es Ihnen überlassen richtig es in dem berechneten Feld ;-) einzubetten

Ein Hinweis i immer geben: Sie können die calcultated Felder Formeln simulieren in Excel, um zu sehen, ob sie korrekt funktionieren würden.

EDIT:

Was passiert?

• Wie Sie sehen, ich erhielt eine ID (eindeutige Kennung) an das Element img
• Mit diesem können wir ein Dokument Methode verwenden Sie das Element durch seine id (document.getElementById (‚theid‘)) zu erhalten .
• Dann können wir Eigenschaften für die Elementattribute (wie src) abrufen oder festlegen.
• Zum Beispiel könnten wir auch den Stil für das Element festlegen, indem wir document.getElementById ('theid'). Style.backgroundColor = 'red';

Wir können auch diese wickeln in eine Funktion wie folgt auf:

<script> 
function setPicture(mypicture){ 
var element = document.getElementById('theid'); 
element.src=mypicture; 
element.style.backgroundColor='red'; 
} 
</script> 

Hier verwenden wir eine Variable das Element

HTML zu speichern:

<a href="#" onclick="javascript:setPicture('pictureB.jpg');">click me</a> 

Diese geben sollte Sie fangen an, aber denken Sie daran, das ist sehr einfach.

ps: können Sie die Antwort akzeptieren, wenn es Ihnen geholfen hat? tnx :)